SideBarContainer
提供侧边栏可以显示和隐藏的侧边栏容器,通过子组件定义侧边栏和内容区,第一个子组件表示侧边栏,第二个子组件表示内容区。
遮罩
在内容区设置遮罩层组件,并设置背景和层级,通过this.show在侧边栏展开时显示遮罩
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%')
- 版权所有:奇站网络 转载请注明出处
- 厦门奇站网络科技有限公司,专业提供网站建设,响应式网站建设,小程序开发,系统定制开发。
- 软件开发咨询热线:吴小姐 13313868605