安装
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]