微信小程序 自定义消息提示框

微信小程序 自定义消息提示框

微信小程序 自定义消息提示框

需求描述：aEWrIQrT

wx.showToast(OBJECT)接口调用，但是不需要icon和image，即便image为空也有占位，实际上只想输出自定义文本内容。

效果截图：

代码如下：

123456 123456 123456 123456 123456

{{text}}

/* index.wxss */

.showModule {

/* 用样式控制隐藏 visibility: hidden;*//* flex 布局 */

display: flex;

justify-content: center;

align-items: center;

/* 生成绝对定位的元素，相对于浏览器窗口进行定位 */

position: fixed;

/* 如果 height,width 不变的情况下，left,top 不用修改 */

left: 35%;

top: 40%;

height: 20vh;

width: 30vw;

/* 不透明 */

opacity: 0.99;

background-color: #7b7b7b;

/* 圆角 */

border-radius: 30rpx;

}

.showModule .text {

/* flex 布局 */

display: flex;

/* 字体加粗 */

font-weight: bold;

color: white;

font-size: 13pt;

font-family: "微软雅黑";

/* Helvetica,

Arial,

Hiragino Sans GB,

Source Han Sans CN,

PingFang SC,

Robotohttp://,

微软雅黑,

Heiti SC,

Microsoft Yahei,

sans-serif; */

}

//index.js

//获取应用实例

var app = getApp()

Page({

data: {

text: "弹窗内容",

isShow: false

},

onShow() {

this.setData({

text: "用户取消支付",

isShow: true

})

}

})

以上就是微信小程序 自定义消息提示框的实例，如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。