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