alphabet
Alphabet là component được sử dụng để hiển thị các chữ cái trong bảng Alphabet.
Quét mã để trải nghiệm
Hoặc sử dụng link
https://tiki.vn/apps/vn.tiki.miniapp.demo?page=pages/component/advance/navigation/alphabet/index
Xem code mẫu trên Tini Studiohttps://tiki.vn/apps/vn.tiki.miniapp.demo?page=pages/component/advance/navigation/alphabet/index
Demo
Trải nghiệm thử với trình giả lập bên dưới
Cài đặt tini-ui
:
$> yarn add @tiki.vn/tini-ui
Thuộc tính
Thuộc tính | Kiểu dữ liệu | Giá trị mặc định | Mô tả |
---|---|---|---|
alphabet | string[] | [] | Khởi tạo các kí tự alphabet |
onClick | event | () => void | Trigger function này khi click item của alphabet |
Sample Code
index.json
{
"defaultTitle": "Alphabet",
"usingComponents": {
"alphabet": "@tiki.vn/tini-ui/es/list/alphabet/index"
}
}
index.txml
<alphabet alphabet="{{alphabet}}" onClick="onAlphabetClick" >
<view slot="prefix"><icon size="12" type="info"/></view>
</alphabet>
index.js
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)
});
}
});