@retailwe/ui-goods-tab v0.0.14

goods-tab 商品详情页的 tab

引入

"usingComponents": {
  "wr-goods-tab": "@retailwe/goods-tab/index"
}

引入

全局引入，在 miniprogram 根目录下的app.json中配置，局部引入，在需要引入的页面或组件的index.json中配置。

// app.json 或 index.json
"usingComponents": {
  "goods-tab": "@retailwe/goods-tab/index"
}

代码演示

<wr-goods-tab id="goodsTab" tabList="{{goodsTabArray}}" />

goodsTabArray: [
      {
        name: '商品',
        value: '', // 空字符串代表置顶
      },
      {
        name: '详情',
        value: 'goods-page',
      },
    ]
 onPageScroll({ scrollTop }) {
    const goodsTab = this.selectComponent('#goodsTab');
    goodsTab && goodsTab.onScroll(scrollTop);
  }

入参

tabList 配置项

Events

外部样式类