支付宝小程序其他手势 字母检索表·Alphabet
字母检索表。
扫码体验
示例代码
{
"defaultTitle": "Alphabet",
"usingComponents":{
"alphabet": "mini-ali-ui/es/list/alphabet/index",
"am-icon": "mini-ali-ui/es/am-icon/index"
}
}
<view style="position: relative; height: 100vh;">
<alphabet alphabet="{{alphabet}}" onClick="onAlphabetClick" >
<view slot="prefix"><am-icon size="12" type="check_"/></view>
</alphabet>
</view>
Page({
data: {
alphabet: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'],
},
onAlphabetClick(ev) {
my.alert({
content: JSON.stringify(ev.data),
});
},
});属性
| 属性 | 类型 | 描述 |
|---|---|---|
| alphabet | Array | 字母表内容。 |
说明：右侧索引表内内容，左侧空白部分需开发者使用 List 列表做内容填充。