上传者: 38514523
|
上传时间: 2021-12-07 14:35:57
|
文件大小: 231KB
|
文件类型: -
在大多数电商场景中,页面都会有类目切换加上商品列表的部分,页面大概会长这样
每次写类似场景的时候,都需要去为类目商品列表写很多逻辑,为了提高开发效率我决定将这一部分抽离成组件。
实现
1.样式
所有tab栏的样式和商品列表的样式都提供插槽,供业务自己定制
2.变量
isTabFixed: false,//是否吸顶
tab: 1,//当前tab
page: 1,//当前页数
listStatus: {
finished: false,//是否已是最后一页
loading: false,//是否加载中
},
items: [],//商品数组
tabMap: [],//tab列表数组
ca