微信小程序自定义可滚动的弹出框_javascript技巧_

                      详细规则>     

   ×          活动规则                活动时间 :         {{activity_time}}         活动说明 :         {{activity_rule}}          

data: {     showModal: false,   },   onLoad: function (options) {     var that = this;     //活动规则     wx.request({       url: app.d.hostUrl + 'activity.activityConf', //此处是你的接口       data: {       },       success: function (res) {         //console.log(res.data);  //接口中拿到的数据         var activity_time = res.data.activity_time;         var activity_rule = res.data.activity_rule;         //规则数据显示         that.setData({           activity_time: activity_time,           activity_rule: activity_rule,         });       }     })   },    // 活动详细规则   openrule: function () {     this.setData({   //打开规则模块       showModal: true     });   },   closerule: function () {     this.setData({   //关闭规则模块       showModal: false     });   },

/* 覆盖button样式 */ button.form_button{   background-color:transparent;   padding:0;   margin:0;   display:inline;   position:static;   border:0;   padding-left:0;   padding-right:0;   border-radius:0;   /* font-size:0rpx; */   color:transparent; } button.form_button::after{   content:'';   width:0;   height:0;   -webkit-transform:scale(1);   transform:scale(1);   display:none;   background-color:transparent; }   .tip-content-dialog{   position: fixed;   display: flex;   top: 0;   left: 0;   right: 0;   bottom: 0;   background-color: rgba(0,0,0,.5);   z-index: 99999; }   .tip-content-dialog .tip-dialog-view{   width: 80%;   margin: auto;   border-radius: 25rpx;   vertical-align: middle;   animation: tanchu 400ms ease-in;   /* overflow: hidden; */   padding: 20rpx;  }   .tip-content-dialog .btn{   background: #f2f7fa; } @keyframes tanchu{   from{     transform: scale(0,0);     -webkit-transform: scale(0,0);   }   to{     transform: scale(1,1);     -webkit-transform: scale(1,1);   } }   .tip-content-dialog .dialogClose{   position: absolute;   right:20rpx;   top: 10rpx;   width: 60rpx;   height: 60rpx;   line-height: 60rpx;   text-align: center; }