电子商务网站设计的原则和内容2023年6月疫情情况
首先看下鸿蒙中断点分类
内外屏开合规则
Pura X开合连续规则：
- 外屏切换到内屏，界面可以直接接续。
- 内屏（锁屏或非锁屏状态）切换到外屏，默认都显示为锁屏的亮屏状态。用户解锁后：对于应用已适配外屏的情况下，应用界面可以接续到外屏。
| 折叠外屏显示 | 展开内屏显示 | |
|---|---|---|
| 折叠状态 | FoldStatus.FOLD_STATUS_FOLDED | FoldStatus.FOLD_STATUS_EXPANDED |
| 断点区间 | 横向断点sm，纵向断点md | 横向断点sm，纵向断点lg |
内外屏断点判断
方案一 Column() { // 小窗口布局显示的内容 } .visibility(this.currentWidthBreakpoint === 'sm' && this.currentHeightBreakpoint === 'md' ? Visibility.Visible : Visibility.None)
// 方案二 if (this.currentWidthBreakpoint === 'sm' && this.currentHeightBreakpoint === 'md') { Column() { // 小窗口布局显示的内容 } }
外屏页面支持滑动
scrollBar(BarState.Off) 高度足够高不显示scrollBar，滑动失效，高度不够高，滑动自动生效。
Stack({ alignContent: Alignment.BottomEnd }) {// Background image.Row() {Image($r('app.media.background_image')).height('100%'