小程序学习(4)——弹窗

:2018-11-25    :329 次   :1201 字   

介绍


好看的弹窗万里挑一。


代码



image.png

wxml文件


<view class='container'>
<modal title="唉..." hidden="{{modalHidden}}" bindconfirm="modalConfirm" bindcancel="modalCandel">
<view>
<image class="image" src="https://cloud.xygeng.cn/?/Picture/Emoticon/006pTc3hgw1f46niby114j30dw0dwwfi.jpg" mode="widthFix" class="wParse-img"></image>
</view>
<view class="day_word">由于庚哥哥没动力写下去了。。。。就。。。。</view>
</modal>
</view>


wxcss文件

.wParse-img{
width:100%;
margin:0.3em auto;
display: block;
position: relative;
}
.day_word{
text-indent:2em;
margin: 0.5em auto;
padding-bottom: 0.5em;
font-family:KaiTi;
}



js文件


//弹出来

treeholebtn:function(e){
this.setData({
modalHidden: false
})
},
modalCandel: function () {
// do something
this.setData({
modalHidden: true
})
},

/**
   *  点击确认
   */
modalConfirm: function () {
// do something
this.setData({
modalHidden: true
})
}


    暂无评论,快来抢沙发吧!
×