需求描述:wx.showToast(OBJECT)接口調(diao)用(yong),但是不需要(yao)icon和image,即便image為空也有占位,實際上只想輸出自定義(yi)文本內容(rong)。效果截圖:代碼如下:!--index.wxml--!-- 頁面正文 --view block wx:for="{{50}}" view 12 ...
需求描述:
wx.showToast(OBJECT)接口調用,但是不需(xu)要icon和image,即便image為空也(ye)有占位(wei),實(shi)際上只想輸出自定義(yi)文本(ben)內容。
效果截(jie)圖:

代碼如下:
<!--index.wxml--><!-- 頁(ye)面正文 --><view><block wx:for="{{50}}"><view> 123456 123456 123456 123456 123456</view></block></view><!-- 自(zi)定義彈窗 --><view class="showModule" wx:if="{{isShow}}"><!-- 這部分(fen)內(nei)容可以靈活(huo)修改(gai),例(li)如改(gai)成一個(ge)模(mo)態(tai)框 --><view class="text ">{{text}}</view></view>/* index.wxss */.showModule {/* 用樣式(shi)控制隱藏 visibility: hidden;*//* flex 布局 */display: flex;justify-content: center;align-items: center;/* 生(sheng)成絕對(dui)定(ding)位的元素,相對(dui)于瀏覽器(qi)窗(chuang)口進(jin)行定(ding)位 */position: fixed;/* 如果 height,width 不變(bian)的情(qing)況(kuang)下(xia),left,top 不用修(xiu)改 */left: 35%;top: 40%;height: 20vh;width: 30vw;/* 不透明 */opacity: 0.99;background-color: #7b7b7b;/* 圓(yuan)角 */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//獲取應用實例(li)var app = getApp()Page({data: {text: "彈窗內容",isShow: false},onShow() {this.setData({text: "用戶取消支付(fu)",isShow: true})}})