微信小程序文本提示框

[woaiwan4]

怎么把微信小程序的对话框弄成这个样子？？

[a_靖]

<button bindtap="showview">Show</button>
<view class="bg" style='display:{{display}}'></view>
<view class="show" style='display:{{display}}'>申请成功
</view>

.bg {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
-moz-opacity: 0.7;
opacity: 0.70;
filter: alpha(opacity=70);
}

.show {
display: none;
position: absolute;
top: 50%;
left: 20%;
width: 53%;
height: 10%;
padding: 8px;
border: 8px solid #e8e9f7;
background-color: white;
z-index: 1002;
overflow: auto;
}
Page({
data: {
display:''
},
showview: function() {
this.setData({
display: "block"
})
},
hideview: function() {
this.setData({
display: "none"
})
}
})

[Go 旅城通票]

wx.showToast

Web开发学习资料推荐
Web开发
javascipt修改css级联样式表类和伪类样式