微信小程序 点击弹出底部菜单

点击商品明细，弹出底部菜单栏 如图：

wxml文件：

js文件：

/**

  * 页面的初始数据

  */

  data: {

    // text:"这是一个页面"

    actionSheetHidden: true,

    actionSheetItems: [

      { bindtap: 'Menu1', txt: '商品明细' },

      { bindtap: 'Menu2', txt: '商品类别' }

    ],

    menu: "商品明细",

    //商品抬头

    actionTitleHidden: true,

    actionTitleItems: [

      {bindtap: 'Preson', txt: '个人'},

      {bindtap: 'Company', txt: '单位'}

    ],

    title: "个人"

  },

  /**

  * "发票内容" 的选择切换  商品明细/商品类别**************************************

  */

  actionSheetTap: function () {

    this.setData({

      actionSheetHidden: !this.data.actionSheetHidden

    })

  },

  actionSheetbindchange: function () {

    this.setData({

      actionSheetHidden: !this.data.actionSheetHidden

    })

  },

  bindMenu1: function () {

    this.setData({

      menu: "商品明细",

      actionSheetHidden: !this.data.actionSheetHidden

    })

  },

  bindMenu2: function () {

    this.setData({

      menu: "商品类别",

      actionSheetHidden: !this.data.actionSheetHidden

    })

  },