更新记录

1.0.0（2021-09-25）

初步版本,功能比较简单

平台兼容性

引入文件

import gljyLineMenu from '@/components/gljy-line-menu/gljy-line-menu.vue';

components: { gljyLineMenu }

前端使用

<gljyLineMenu :menu="menu" @menuOnClick="menuOnClick">

数据格式

menu:[ {"id":"1", "title":"物流圈","iconPath":"../../../static/tabBar/find/logisticsCircle.png","arrows":"../../../static/common/arrows.png"}, {"id":"2", "title":"人才","iconPath":"../../../static/tabBar/find/person.png","arrows":"../../../static/common/arrows.png"}, {"id":"3", "title":"转让","iconPath":"../../../static/tabBar/find/makeOver.png","arrows":"../../../static/common/arrows.png"}, {"id":"4", "title":"供需","iconPath":"../../../static/tabBar/find/supplyDemand.png","arrows":"../../../static/common/arrows.png"}, {"id":"5", "title":"视频","iconPath":"../../../static/tabBar/find/view.png","arrows":"../../../static/common/arrows.png"} ]

点击事件传参

menuOnClick(res){ console.log(res); //返回结果:{id: "1", index: 0} //请根据返回结果确定是哪个菜单点击, 并处理相关逻辑 }