SideBarContainer
提供側(cè)邊欄可以顯示和隱藏的側(cè)邊欄容器,通過子組件定義側(cè)邊欄和內(nèi)容區(qū),第一個子組件表示側(cè)邊欄,第二個子組件表示內(nèi)容區(qū)。
遮罩
在內(nèi)容區(qū)設(shè)置遮罩層組件,并設(shè)置背景和層級,通過this.show在側(cè)邊欄展開時顯示遮罩
Stack() { //內(nèi)容 //遮罩 if(this.show){ Column() { } .width('100%') .height('100%') .backgroundColor('#90000000') .zIndex(9) } } .onClick(() => { animateTo({ duration: 100, curve: Curve.EaseOut, playMode: PlayMode.Normal, }, () => { this.show = false; }) }) .width('100%') .height('100%')
- 版權(quán)所有:奇站網(wǎng)絡(luò) 轉(zhuǎn)載請注明出處
- 廈門奇站網(wǎng)絡(luò)科技有限公司,專業(yè)提供網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),小程序開發(fā),系統(tǒng)定制開發(fā)。
- 軟件開發(fā)咨詢熱線:吳小姐 13313868605