微信小程序 彈窗
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴,公司提供的服務(wù)項(xiàng)目有:主機(jī)域名、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、東鄉(xiāng)網(wǎng)站維護(hù)、網(wǎng)站推廣。
首先wxml代碼:
暫無有關(guān)信息 點(diǎn)擊此處
注: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í)行。
感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!