微信小程序 自定义弹窗

wxml

<view hidden="{{isProject}}" class="selector">
   <view class="inner_box">
      <view class="header_box">
         <view class="item l" data-act="cancel" bindtap="selectProject">取消</view>
         <view class="item c"> </view>
         <view class="item r" data-act="confirm" bindtap="selectProject">确定</view>
      </view>
      <view class='picker_box'>
         111111
      </view>
   </view>
   <view class="layer"></view>
</view>

css代码：

/*选择器*/
.selector{ width: 100%; position: fixed; bottom: 0; left: 0; z-index: 999999}
.selector .inner_box{ position: relative; z-index: 999999}
.selector .header_box{ padding: 25rpx 0; overflow: hidden; box-sizing: border-box; background: white; border-bottom: 1px solid #ccc}
.selector .header_box .item{ float: left; font-size: 30rpx; color: black; box-sizing: border-box;}
.selector .header_box .l{ width: 50%; padding-left: 25rpx;}
.selector .header_box .r{ width: 50%; text-align: right; padding-right: 25rpx; color: #078603}
.selector .selected{ height: 90rpx;}
.selector .picker_box{ width: 100%; height: 485rpx; font-size: 24rpx; background: #fff;}
.selector .layer{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 10; background:rgba(0,0,0,0.5); }

js代码：

  data: {
    isProject: false
  },
  projectSelect: function (e) {
    this.setData({
      "isProject": false
    });
  },
  selectProject: function (e) {
    var that = this;
    var act = e.currentTarget.dataset.act;
    console.log(e.currentTarget)
    //确定
    if (act == 'confirm') {
      //获取已选中项目id
      console.log(act)
    };
    that.setData({
      "isProject": true
    })
  },