昵稱

{{user.nickName}}

未填寫

modal: function (e) {

var self = this;

this.setData({ modal: (e && e.currentTarget.dataset.modal) || "", input: self.data.user });

// 這里對modal的賦值是關鍵

}

.modals {

position: fixed;

top: 0;

right: 0;

bottom: 0;

left: 0;

background: rgba(0,0,0,.6);

z-index: 1000;

}

.modal {

position: fixed;

top: 25px;

right: 15px;

bottom: 25px;

left: 15px;

background-color: #ffffff;

z-index: 1000;

border-radius: 6px;

}

.modal__close {

text-align: right;

position: relative;

top: 10px;

right: 10px;

}

.modal__hd {

padding: 0 10px;

text-align: center;

}

.modal__hd,.modal__ft {

font-weight: 400;

font-size: 17px;

}

.modal__ft {

border-top: 1px solid #D9D9D9;

display: flex;

position: absolute;

bottom: 0;

left: 0;

right: 0;

}

.modal__btn {

-webkit-box-flex: 1;

-webkit-flex: 1;

flex: 1;

text-align: center;

padding: 8px 0;

border-left: 1rpx solid #D9D9D9;

}

.modal__btn:first-child {

border: none;

}

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的微信小程序 html modal,微信小程序参考微信设计规范做的modal模态框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。