[武汉seo公司到久澳]微信小程序中自定义消息提示框的实现实例分享

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

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

　　需求描述：
 

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

　　效果截图▪…：
 

　　代码如下：

<-▼;!--index.wxml-->•-●;
<■△;▷☆!-- 页面正文 -->
<view>▲=□;
 <block wx:for="{{50}}"★◁▷=;>
 <view>◇★; 123456 123456 123456 123456 123456<-△▲;/view>◁○◁;
 </block>
<◆-★;/view>
<▼▲●■!-- 自定义弹窗 -->•☆;
<▷◇★;view class="showModule" wx:if="{{isShow}}">
 <-☆;!-- 这部分内容可以灵活修改，昌都市小程序开发哪家好例如改成一个模态框 -->
 <view class="text ">{{text}}<◇▲;/view>
</view>

/* index.wxss */
.showModule {
 /* 用样式控制隐藏 visibility: hidden;*//* flex 布局 */
 display: flex;
 justify-content-▲: center;
 align-items-▷▲◇: center■•;
 /* 生成绝对定位的元素●○◇，相对于浏览器窗口进行定位 */
 position★▼○: fixed□•…;
 /* 如果 height,width 不变的情况下，28
										2020.10
									
									
								
								
									[西安seo外包公司费用]小程序提示跳转失败是什么原因
									
										小程序提示跳转失败是什么原因 1、第一种常见的原因 忘记在app○◇▲■.json文件中pages选项中注册 2.、第二种常见原因 跳转路径写错 3、第三种原因 如果跳转的路径已经在app.json文件中，都匀市小程序开发哪家好[武汉seo公司到久澳]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
 })
 }
})

　　以上就是微信小程序中自定义消息提示框的实现实例分享的详细内容，更多请关注久澳传媒编程栏目其它相关文章！