Self made pop-up input box, input text, and click to complete the event.

Sometimes after clicking an event , Users are required to input text such as reasons , At this time, you need a pop-up box to input text . This is the effect ：

wxml:

<view class="reasonBackground" hidden="{
   {hidden}}">
 <view class="reasonFrame">
  <view class="word"> Please enter the reason :</view>
  <form bindsubmit="formSubmit" bindreset="cancel" >  
    <view class="resonFrame">
      <textarea name="notGroupGoReason" maxlength="60"/>
      <view class="confirmFrame">        
        <button formType="reset"> take   eliminate </button>
        <button form-type="submit"> indeed   set </button>
      </view>
    </view>
  </form>
 </view>
</view>

{ {hidden}} The initial value of true

Page({
  data: {
    hidden: true
  },
onLoad: function (options) {
   var that = this
    var hidden = that.data.hidden
 that.setData({     
      hidden
    })
    }
    })

Click on notGroupGo Pop up box after pressing key

  notGroupGo: function () {
    var that = this
    that.setData({
      hidden: false
    })
  },

Click OK to leave the page or hide the pop-up frame

  formSubmit: function(e){    
    var notGroupGoReason = e.detail.value.notGroupGoReason
    console.log("notGroupGoReason:",notGroupGoReason)
    var goodsid = app.globalData.goodsInfo._id
    var db = wx.cloud.database()
    db.collection('goodsList').doc(goodsid).update({
        data: {
          state: 3,
          notGroupGoReason,
        }
      })
      .then(res => {
        wx.showToast({
          title: ' complete ',
          icon: 'success',
          duration: 2000
        })
        setTimeout(function () {
          wx.hideToast()
          wx.navigateBack({
            delta: 1,
          })    
        }, 1500)          
      })
      .catch(console.error)
  }

And cancellation ：

cancel:function(){
    var that = this
    that.setData({
      hidden: true
    })
  },

Pay attention to the use of hiding and displaying , It's best to use animation effects , But I will not , If you can tell me , Thank you very much ！