SideBarContainer
提供側邊欄可以顯示和隱藏的側邊欄容器,通過(guò)子組件定義側邊欄和內容區,第一個(gè)子組件表示側邊欄,第二個(gè)子組件表示內容區。
遮罩
在內容區設置遮罩層組件,并設置背景和層級,通過(guò)this.show在側邊欄展開(kāi)時(shí)顯示遮罩
Stack() { //內容 //遮罩 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%')
- 版權所有:奇站網(wǎng)絡(luò ) 轉載請注明出處
- 廈門(mén)奇站網(wǎng)絡(luò )科技有限公司,專(zhuān)業(yè)提供網(wǎng)站建設,響應式網(wǎng)站建設,小程序開(kāi)發(fā),系統定制開(kāi)發(fā)。
- 軟件開(kāi)發(fā)咨詢(xún)熱線(xiàn):吳小姐 13313868605