微信小程序实现文本输入弹窗_javascript技巧_

                                          确认底金?                                                                                               取消                                   确定                                   

.container {   width: 100%;   min-height: 100vh;   background-color: #101419; } .toast-box {   width: 100%;   height: 100%;   opacity: 1;   position: fixed;   top: 0px;   left: 0px; } .toastbg {   opacity: 0.2;   background-color: black;   position: absolute;   width: 100%;   min-height: 100vh; } .showToast {   position: absolute;   opacity: 1;   width: 70%;   margin-left: 15%;   margin-top: 40%; } .toast-title {   padding-left: 5%;   background-color: #2196f3;   color: white;   padding-top: 2vh;   padding-bottom: 2vh;   border-top-right-radius: 16rpx;   border-top-left-radius: 16rpx; } .toast-main {   padding-top: 2vh;   padding-bottom: 2vh;   background-color: white;   text-align: center; } .toast-input {   margin-left: 5%;   margin-right: 5%;   border: 1px solid #ddd;   padding-left: 2vh;   padding-right: 2vh;   padding-top: 1vh;   padding-bottom: 1vh; } .toast-button {   display: flex; } .cancel, .success {   width: 50%; } .cancel button {   color: #999;   width: 100%;   background-color: white;   border-radius: 0px;   border-bottom-left-radius: 16rpx; } .success button {   color: #1d2228;   width: 100%;   background-color: white;   border-radius: 0px;   border-bottom-right-radius: 16rpx; }

Page({   /**    * 页面的初始数据    */   data: {     completed: false,  // 弹窗控制     deposit: 0  // 存储用户输入的内容   },   // 获取用户输入的内容   getUserInput(event) {     const money = event.detail.value || event.detail.text     this.setData({deposit: money})   },   // 取消按钮触发事件   cancelSelected(event) {     wx.switchTab({       url: '/pages/optional/optional',     })   },   // 确定按钮触发事件   successSelected(event) {     if (!(/(^[0-9]*$)/.test(this.data.deposit))) {       wx.showToast({         title: '只能输入纯数字',         icon: 'none',         duration: 2000       })     } else {       this.setData({completed: true})     }   }, })