You need to sign in or sign up before continuing.
提交 f3d8f39d 编写于 作者: S swx1239486

修改520-600

Signed-off-by: Nswx1239486 <songqinqin4@huawei.com>
上级 83de09b9
...@@ -467,8 +467,8 @@ const globalMessageList:any[] = [ ...@@ -467,8 +467,8 @@ const globalMessageList:any[] = [
| 断点 | 窗口宽度(vp) | 栅格总列数 | 消息气泡占用的列数 | 接收场景偏移的列数 | 发送场景偏移的列数 | | 断点 | 窗口宽度(vp) | 栅格总列数 | 消息气泡占用的列数 | 接收场景偏移的列数 | 发送场景偏移的列数 |
| -------- | -------- | -------- | -------- | -------- | -------- | | -------- | -------- | -------- | -------- | -------- | -------- |
| sm | [320,&nbsp;520) | 12 | 12 | 0 | 0 | | sm | [320,&nbsp;600) | 12 | 12 | 0 | 0 |
| md | [520,&nbsp;840) | 12 | 8 | 0 | 4 | | md | [600,&nbsp;840) | 12 | 8 | 0 | 4 |
| lg | [840,&nbsp;+∞) | 12 | 8 | 0 | 4 | | lg | [840,&nbsp;+∞) | 12 | 8 | 0 | 4 |
| 默认设备 | 平板 | | 默认设备 | 平板 |
......
...@@ -35,8 +35,8 @@ ...@@ -35,8 +35,8 @@
| 设备类型 | 屏幕宽度 | 画板尺寸(vp) | | 设备类型 | 屏幕宽度 | 画板尺寸(vp) |
| -------- | -------- | -------- | | -------- | -------- | -------- |
| 超小设备 | [0,&nbsp;320) | 240\*320 | | 超小设备 | [0,&nbsp;320) | 240\*320 |
| 小设备 | [320,&nbsp;520) | 360\*780 | | 小设备 | [320,&nbsp;600) | 360\*780 |
| 中设备 | [520,&nbsp;840) | 677\*763 | | 中设备 | [600,&nbsp;840) | 677\*763 |
| 大设备 | [840,&nbsp;+) | 1280\*800 | | 大设备 | [840,&nbsp;+) | 1280\*800 |
多设备效果示意图 多设备效果示意图
......
...@@ -24,8 +24,8 @@ ...@@ -24,8 +24,8 @@
| 断点名称 | 取值范围(vp) | | 断点名称 | 取值范围(vp) |
| -------- | -------- | | -------- | -------- |
| xs | [0,&nbsp;320) | | xs | [0,&nbsp;320) |
| sm | [320,&nbsp;520) | | sm | [320,&nbsp;600) |
| md | [520,&nbsp;840) | | md | [600,&nbsp;840) |
| lg | [840,&nbsp;+∞) | | lg | [840,&nbsp;+∞) |
> **说明:** > **说明:**
...@@ -66,7 +66,7 @@ OpenHarmony提供了多种方法,判断应用当前处于何种断点,进而 ...@@ -66,7 +66,7 @@ OpenHarmony提供了多种方法,判断应用当前处于何种断点,进而
let newBp: string = '' let newBp: string = ''
if (windowWidthVp < 320) { if (windowWidthVp < 320) {
newBp = 'xs' newBp = 'xs'
} else if (windowWidthVp < 520) { } else if (windowWidthVp < 600) {
newBp = 'sm' newBp = 'sm'
} else if (windowWidthVp < 840) { } else if (windowWidthVp < 840) {
newBp = 'md' newBp = 'md'
...@@ -209,9 +209,9 @@ export class BreakpointSystem { ...@@ -209,9 +209,9 @@ export class BreakpointSystem {
} }
public register() { public register() {
this.smListener = mediaquery.matchMediaSync("(320vp<width<520vp)") this.smListener = mediaquery.matchMediaSync("(320vp<width<600vp)")
this.smListener.on("change", this.isBreakpointSM) this.smListener.on("change", this.isBreakpointSM)
this.mdListener = mediaquery.matchMediaSync("(520vp<width<840vp)") this.mdListener = mediaquery.matchMediaSync("(600vp<width<840vp)")
this.mdListener.on("change", this.isBreakpointMD) this.mdListener.on("change", this.isBreakpointMD)
this.lgListener = mediaquery.matchMediaSync("(840vp<width)") this.lgListener = mediaquery.matchMediaSync("(840vp<width)")
this.lgListener.on("change", this.isBreakpointLG) this.lgListener.on("change", this.isBreakpointLG)
......
...@@ -34,7 +34,7 @@ Navigation组件由Navbar和Content两部分区域组成,Navigation组件支 ...@@ -34,7 +34,7 @@ Navigation组件由Navbar和Content两部分区域组成,Navigation组件支
* Auto模式 * Auto模式
Auto模式是指Navigation组件可以根据应用窗口尺寸,自动选择合适的模式:窗口宽度小于520vp时,采用Stack模式显示;窗口宽度大于等于520vp时,采用Split模式显示。当窗口尺寸发生改变时,Navigation组件也会自动在Stack模式和Split模式之间切换。 Auto模式是指Navigation组件可以根据应用窗口尺寸,自动选择合适的模式:窗口宽度小于600vp时,采用Stack模式显示;窗口宽度大于等于600vp时,采用Split模式显示。当窗口尺寸发生改变时,Navigation组件也会自动在Stack模式和Split模式之间切换。
> **说明:** > **说明:**
> >
......
...@@ -15,8 +15,8 @@ ...@@ -15,8 +15,8 @@
| 设备类型 | 屏幕宽度(vp) | | 设备类型 | 屏幕宽度(vp) |
| -------- | -------- | | -------- | -------- |
| 超小设备 | [0,&nbsp;320) | | 超小设备 | [0,&nbsp;320) |
| 小设备 | [320,&nbsp;520) | | 小设备 | [320,&nbsp;600) |
| 中设备 | [520,&nbsp;840) | | 中设备 | [600,&nbsp;840) |
| 大设备 | [840,&nbsp;+∞) | | 大设备 | [840,&nbsp;+∞) |
> **说明:** > **说明:**
......
...@@ -371,6 +371,7 @@ struct SideBarSample { ...@@ -371,6 +371,7 @@ struct SideBarSample {
@Builder itemBuilder(index: number) { @Builder itemBuilder(index: number) {
Text(images[index].label) Text(images[index].label)
.width('100%')
.fontSize(24) .fontSize(24)
.fontWeight(FontWeight.Bold) .fontWeight(FontWeight.Bold)
.borderRadius(5) .borderRadius(5)
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册