未验证 提交 57a09d6d 编写于 作者: O openharmony_ci 提交者: Gitee

!16643 修改文档尺寸断点520到600

Merge pull request !16643 from songqq0825/master
...@@ -467,8 +467,8 @@ const globalMessageList:any[] = [ ...@@ -467,8 +467,8 @@ const globalMessageList:any[] = [
| 断点 | 窗口宽度(vp) | 栅格总列数 | 消息气泡占用的列数 | 接收场景偏移的列数 | 发送场景偏移的列数 | | 断点 | 窗口宽度(vp) | 栅格总列数 | 消息气泡占用的列数 | 接收场景偏移的列数 | 发送场景偏移的列数 |
| -------- | -------- | -------- | -------- | -------- | -------- | | -------- | -------- | -------- | -------- | -------- | -------- |
| sm | [320, 520) | 12 | 12 | 0 | 0 | | sm | [320, 600) | 12 | 12 | 0 | 0 |
| md | [520, 840) | 12 | 8 | 0 | 4 | | md | [600, 840) | 12 | 8 | 0 | 4 |
| lg | [840, +∞) | 12 | 8 | 0 | 4 | | lg | [840, +∞) | 12 | 8 | 0 | 4 |
| 默认设备 | 平板 | | 默认设备 | 平板 |
......
...@@ -35,8 +35,8 @@ ...@@ -35,8 +35,8 @@
| 设备类型 | 屏幕宽度 | 画板尺寸(vp) | | 设备类型 | 屏幕宽度 | 画板尺寸(vp) |
| -------- | -------- | -------- | | -------- | -------- | -------- |
| 超小设备 | [0, 320) | 240\*320 | | 超小设备 | [0, 320) | 240\*320 |
| 小设备 | [320, 520) | 360\*780 | | 小设备 | [320, 600) | 360\*780 |
| 中设备 | [520, 840) | 677\*763 | | 中设备 | [600, 840) | 677\*763 |
| 大设备 | [840, +) | 1280\*800 | | 大设备 | [840, +) | 1280\*800 |
多设备效果示意图 多设备效果示意图
......
...@@ -24,8 +24,8 @@ ...@@ -24,8 +24,8 @@
| 断点名称 | 取值范围(vp) | | 断点名称 | 取值范围(vp) |
| -------- | -------- | | -------- | -------- |
| xs | [0, 320) | | xs | [0, 320) |
| sm | [320, 520) | | sm | [320, 600) |
| md | [520, 840) | | md | [600, 840) |
| lg | [840, +∞) | | lg | [840, +∞) |
> **说明:** > **说明:**
...@@ -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)
......
...@@ -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;+∞) |
> **说明:** > **说明:**
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册