微信小程序 - 商城项目 - vtabs选项卡

引入 vtabs 选项卡

1. npm 安装

npm install @miniprogram-component-plus/vtabs
npm install @miniprogram-component-plus/vtabs-content

2. 构建 npm

 

3. json 文件中引入自定义扩展组件

{
  "usingComponents": {
    "mp-vtabs": "@miniprogram-component-plus/vtabs",
    "mp-vtabs-content": "@miniprogram-component-plus/vtabs-content"
  },
  "navigationBarTitleText": "商品分类"
}

使用 vtabs 选项卡

<!-- 遍历左侧选项卡： -->
<mp-vtabs vtabs="{
  {vtabs}}" activeTab="{
  {activeTab}}&#