記錄微信小程式遮罩層

2022-05-15 20:27:02 字數 965 閱讀 1148

catchtouchmove="ture" 屬性就沒問題了,注意,這種在開發者工具上是看不到效果的,要在真機上檢視

wx.hidetabbar({})   隱藏tabber導航   

wx.showtabbar({})  顯示tabber導航

3,首次進入頁面自己彈出的遮罩層,在頁面重新整理後和從另乙個頁面跳回此頁面後遮罩層依舊彈出問題,一,將遮罩層彈出方法放在onshow中呼叫可以解決頁面重新整理彈出問題,但再次進入頁面依舊後彈出,二,將方法在onready週期中呼叫只有在頁面首次進入會執行方法

遮罩層的兩種使用方式

一:點選遮罩區域就可以關閉遮罩層

首先定義乙個遮罩層  

css.mask

data公共資料中定義maskflag:true,初始化隱藏狀態

yincang:function(e))

},點選隱藏事件,改變其狀態

定義需要隱藏的模組

data資料中定義showmodalstatus:false  初始化隱藏

bindtap="setmodalstatus"   點選事件,彈出遮罩層和內容

this.setdata(

);//使用到了wx:if和hidden的不同區別

二:通過點選事件控制遮罩層的顯示和隱藏

頁面設立需要彈出內容的點選事件

顯示隱藏的遮罩層

通過css樣式控制顯示隱藏

/* 規則提示層 */

.isruleshow

.isrulehide

.rulezhezhao

內容.rulezhezhaocontent

點選關閉遮罩層和內容的事件

bindtap='hiderule'

//開啟規則提示

showrule: function () )

},//關閉規則提示

hiderule: function () )

},歡迎交流,不足之處多多指正

微信小程式封裝可以遮住表頭的元件(遮罩層)

元件 html 元件css pop main mask modal mask modal dialog modal content modal content2 modal footer modal footer2 btn cancel borders btn confirm btn common ...

微信小程式 邏輯層

初始資料 data 是頁面第一次渲染使用的初始資料 因為頁面載入時,data將會以json 字串的形式由邏輯層傳到渲染層,因此data 中的資料必須時可以轉成 json 的型別 字串 數字 布林值 物件 陣列 同大多數 mvvm 框架語言一樣,也可以實現邏輯層到渲染層的雙向繫結。生命週期 函式 有 ...

微信小程式常用api記錄

頁面跳轉 跳轉到新頁面 跳轉到新頁面 關閉當前頁面,跳轉到應用內的某個頁面。跳轉 go 接收傳到的引數 onload function options 獲取地理位置 wx.getlocation 呼叫掃一掃 wx.scancode 獲取使用者資訊 wx.getuserinfo wx.request ...