安装

tnpm install --save @alipay/adc-index-anchor

组件介绍

能力中心小程序索引列表组件，配合adc-index-bar使用，可自定义列表样式，满足业务需求。

参数说明

属性 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 --|:--:|:--:|:--:|:--: | :-: index | 是 | string / number | 索引字符 | - | A useSlot | 否 | boolean | 是否自定义索引列表 | false | true

在小程序中使用

{
  "usingComponents": {
    "mas-adc-index-anchor": "@alipay/adc-index-anchor/es/index"
  }
}

在 page.axml 中引用组件

<!-- 页面使用方式 -->
 <adc-index-bar indexList="{{indexList}}">
  <block a:for="{{list}}">
    <adc-index-anchor index="{{item.title}}" />
    <view onTap="switchHandle" a:for="{{item.arr}}" a:for-item="itemName">{{itemName}}</view>
  </block>
 </adc-index-bar>

Badges

[![install size][install-size-image]][install-size-url]