支付寶小程序其他手勢 字母檢索表·Alphabet

字母檢索表。

掃碼體驗(yàn)

示例代碼

{
  "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),
    });
  },
});

屬性

說明：右側(cè)索引表內(nèi)內(nèi)容，左側(cè)空白部分需開發(fā)者使用 List 列表做內(nèi)容填充。