溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

微信小程序 彈窗自定義實(shí)例代碼

發(fā)布時(shí)間：2020-10-24 20:49:39 來源：腳本之家 閱讀：148 作者：孤島里的貓大王 欄目：web開發(fā)

微信小程序 彈窗

首先wxml代碼：

<view class="myToast" hidden="{{nullHouse}}">暫無有關(guān)信息</view>
<view bindtap="clickArea">點(diǎn)擊此處</view>　　

注：hidden屬性用于切換比較頻繁的地方。

wxss代碼設(shè)置彈窗樣式:

.myToast{
 width:240rpx;
 height:130rpx;
 line-height: 130rpx;
 margin:80rpx 35%;
 border-radius:20rpx;
 background-color: rgb(114,113,113);
 color:rgb(255,255,255);
 font-size: 36rpx;
 text-align: center;
 position: absolute;
 z-index: 100;
 opacity: 0.85;
}

js:

Page({

 data:{
  nullHouse:true, //先設(shè)置隱藏
    },
 onLoad:function(options){
   // 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù)
 },
 onReady:function(){
  // 頁面渲染完成
 },
 onShow:function(){
  // 頁面顯示
 },
 onHide:function(){
  // 頁面隱藏
 },
 onUnload:function(){
  // 頁面關(guān)閉
 },
 clickArea:function(){
  var that = this;
  this.setData({
  nullHouse:false, //彈窗顯示
  }) 
  setTimeout(function(){
  that.data.nullHouse = true, //1秒之后彈窗隱藏
   },1000)
 },
})

 注：setTimeout()函數(shù)是異步的，當(dāng)計(jì)算機(jī)執(zhí)行到setTimeout時(shí)，此任務(wù)先暫停并保存，繼續(xù)執(zhí)行后續(xù)未完成的任務(wù)，當(dāng)條件滿足時(shí)，再將setTimeout的執(zhí)行任務(wù)放回任務(wù)隊(duì)列的后面，等待執(zhí)行。

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手