75 lines
1.5 KiB
JavaScript
75 lines
1.5 KiB
JavaScript
import ActionSheet, { ActionSheetTheme } from 'tdesign-miniprogram/action-sheet/index';
|
|
|
|
Component({
|
|
methods: {
|
|
handleAction() {
|
|
ActionSheet.show({
|
|
theme: ActionSheetTheme.List,
|
|
selector: '#t-action-sheet',
|
|
context: this,
|
|
items: [
|
|
{
|
|
label: '选项一',
|
|
},
|
|
{
|
|
label: '选项二',
|
|
},
|
|
{
|
|
label: '选项三',
|
|
},
|
|
{
|
|
label: '选项四',
|
|
},
|
|
],
|
|
});
|
|
},
|
|
showDescAction() {
|
|
ActionSheet.show({
|
|
theme: ActionSheetTheme.List,
|
|
selector: '#t-action-sheet',
|
|
context: this,
|
|
description: '动作面板描述文字',
|
|
items: [
|
|
{
|
|
label: '选项一',
|
|
},
|
|
{
|
|
label: '选项二',
|
|
},
|
|
{
|
|
label: '选项三',
|
|
},
|
|
],
|
|
});
|
|
},
|
|
showIconAction() {
|
|
ActionSheet.show({
|
|
theme: ActionSheetTheme.List,
|
|
selector: '#t-action-sheet',
|
|
context: this,
|
|
items: [
|
|
{
|
|
label: '选项一',
|
|
icon: 'app',
|
|
},
|
|
{
|
|
label: '选项二',
|
|
icon: 'app',
|
|
},
|
|
{
|
|
label: '选项三',
|
|
icon: 'app',
|
|
},
|
|
{
|
|
label: '选项四',
|
|
icon: 'app',
|
|
},
|
|
],
|
|
});
|
|
},
|
|
handleSelected(e) {
|
|
console.log(e.detail);
|
|
},
|
|
},
|
|
});
|