提交 f3d8f39d 编写于 作者: S swx1239486

修改520-600

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