它的實現方法有兩種,
第一種方法:單選法,就是隱藏與顯示根據條件二選一,**如下:
}">
我是被顯示被隱藏控制項
第二種方法:疊加法,就是先隱藏,如果是顯示,再疊加乙個顯示,如果是隱藏就不動,**如下:
bright789_view_hide }">
我是被顯示被隱藏控制項
這種辦法一開始看有點頭暈,所以把它分解成兩個狀態:
顯示狀態:
因為showview是true,所以我們把它轉成如下樣子
bright789_view_hide bright789_view_show}">
我是被顯示被隱藏控制項
看到了吧,後面的bright789_view_show會把前面的bright789_view_hide重疊上去,注意這裡是重疊,所以順序不能反過來像bright789_view_show }這種是不行的
隱藏狀態:
相當於如下**:
bright789_view_hide }">
我是被顯示被隱藏控制項
最後我把demo的js,wxml和wxss**貼一下:
js檔案:
page(,
onload:function(options)
,onchangeshowstate:function())}})
wxml檔案**:}
我是被顯示被隱藏控制項
wxss檔案**:
.bright789-text
.bright789_view_hide
.bright789_view_show
微信小程式動態的顯示或隱藏控制項
它的實現方法有兩種,第一種方法 單選法,就是隱藏與顯示根據條件二選一,如下 我是被顯示被隱藏控制項 第二種方法 疊加法,就是先隱藏,如果是顯示,再疊加乙個顯示,如果是隱藏就不動,如下 bright789 view hide 我是被顯示被隱藏控制項 這種辦法一開始看有點頭暈,所以把它分解成兩個狀態 顯...
微信小程式 實現動態顯示和隱藏某個控制項
微信小程式 實現動態顯示和隱藏某個控制項 在小程式的開發過程中,經常需要用到隱藏某個控制項這種情況。因為專案原本是需要將兩個canvas切換,但是小程式的canvas支www.cppcns.com持的功能實在是少,本來就jquery mobwww.cppcns.comile或者將canvas轉為就可...
微信小程式 隱藏button邊框
想使用button自帶的disable屬性和效果,但又不需要button顯示邊框線 button控制項有一條淡灰色的邊框,在控制項上了樣式border radius 0 無法讓button邊框隱藏 如下 解決方案發現button控制項有乙個偽元素 after 這偽元素有border屬性,預設為bor...