微信小程式 動態的顯示或隱藏控制項

2021-08-14 17:24:17 字數 875 閱讀 5587

它的實現方法有兩種,

第一種方法:單選法,就是隱藏與顯示根據條件二選一,**如下:

}">

我是被顯示被隱藏控制項

第二種方法:疊加法,就是先隱藏,如果是顯示,再疊加乙個顯示,如果是隱藏就不動,**如下:

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...