<!–pages/index24/index24.wxml–>
<button type=”default” bindtap=”actionSheetTap”>{{yuan}}{{menu}}</button>
<action-sheet hidden=”{{actionSheetHidden}}” bindchange=”actionSheetbindchange”>
<block wx:for-items=”{{actionSheetItems}}”>
<action-sheet-item bindtap=”bind{{item.bindtap}}”>{{item.txt}}</action-sheet-item>
</block>
<action-sheet-cancel class=”cancel”>Cancel < /action-sheet-cancel>
</action-sheet>
// pages/index24/index24.js
Page({
data: {
// text:”This is a page.
yuan:’Women ‘,
actionSheetHidden: true,
actionSheetItems: [
{ bindtap: ‘Menu1’, txt: ‘Men ‘},
{ bindtap: ‘Menu2’, txt: ‘Women ‘},
],
menu: ”
},
actionSheetTap: function () {
this.setData({
actionSheetHidden: !this.data.actionSheetHidden
})
},
actionSheetbindchange: function () {
this.setData({
actionSheetHidden: !this.data.actionSheetHidden
})
},
bindMenu1: function () {
this.setData({
yuan:”,
menu: ‘Men ‘,
actionSheetHidden: !this.data.actionSheetHidden
})
},
bindMenu2: function () {
this.setData({
yuan: ”,
menu: ‘Women ‘,
actionSheetHidden: !this.data.actionSheetHidden
})
},
})