<强>微信小程序自定义消息提示框
<强>需求描述:
wx.showToast(对象)接口调用,但是不需要的图标和图像,即图像便为空也有占位,实际上只想输出自定义文本内容。
效果截图:
代码如下:
& lt; !——index.wxml祝辞
& lt; !——页面正文——比;
& lt; view>
& lt;块wx:="{{50}}”在
& lt; view>123456 123456 123456 123456 123456 & lt;/view>
& lt;/block>
& lt;/view>
& lt; !——自定义弹窗——比;
& lt;视图类=皊howModule”天气:如果=皗{isShow}}”比;
& lt; !——这部分内容可以灵活修改,例如改成一个模态框——比;
& lt;视图类=拔谋尽痹趝{文本}}& lt;/view>
& lt;/view>
之前
/*指数。wxs */.showModule {/*用样式控制隐藏能见度:隐藏;*//* flex布局*/显示:flex;
justify-content:中心;
对齐项目:中心;/*生成绝对定位的元素,相对于浏览器窗口进行定位*/位置:固定;/*如果高度、宽度不变的情况下,离开,不用修改*/左:35%;
上图:40%;
高度:20 vh;
宽度:30大众;/*不透明*/透明度:0.99;
background - color: # 7 b7b7b;/*圆角*/border - radius: 30 rpx;
}
.showModule。text {/* flex布局*/显示:flex;/*字体加粗*/粗细:大胆的;
颜色:白色;
字体大小:13 pt;
字体类型:“微软雅黑”;/* Helvetica,
Arial,
Hiragino Sans GB,
汉族无CN来源,
巴航SC,
Roboto,
微软雅黑,
Heiti SC,
微软Yahei,
无衬线;*/}
之前
//index.js//获取应用实例
应用var=getApp ()
页面({
数据:{
文本:“弹窗内容”,
isShow:假
},
昂秀(){
this.setData ({
:“用户取消支付”,
isShow:真
}）
}
}）
之前
以上就是微信小程序自定义消息提示框的实例,如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
