微信小程序——自定义底部弹出框（action-sheet）

wxml文件

弹出actionSheet
当前选择的是：{{choseValue}}

js文件

Page({
  data:{
    actionSheetHidden: true,
    choseValue: '',
    actionSheetItems: ['item1', 'item2', 'item3']

  },

  listenerButton: function() {
      this.setData({
        //取反
          actionSheetHidden: !this.data.actionSheetHidden
      });
  },
  choose: function (e) {
    this.setData({
      choseValue: e.currentTarget.dataset.value,
      actionSheetHidden: true
    })
  },
  listenerActionSheet:function() {
    this.setData({
      actionSheetHidden: !this.data.actionSheetHidden
    })
  }
})

效果：