php微信消息框,微信小程序中自定义消息提示框的实现实例分享

这篇文章主要介绍了微信小程序 自定义消息提示框的相关资料,wx.showToast(OBJECT)接口调用，实现改功能，需要的朋友可以参考下

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

需求描述：

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,

Roboto,

微软雅黑,

Heiti SC,

Microsoft Yahei,

sans-serif; */

}

//index.js

//获取应用实例

var app = getApp()

Page({

data: {

text: "弹窗内容",

isShow: false

},

onShow() {

this.setData({

text: "用户取消支付",

isShow: true

})

}

})