Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
XKZJ_WCL
Docs
提交
57a09d6d
D
Docs
项目概览
XKZJ_WCL
/
Docs
与 Fork 源项目一致
Fork自
OpenHarmony / Docs
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
57a09d6d
编写于
3月 29, 2023
作者:
O
openharmony_ci
提交者:
Gitee
3月 29, 2023
浏览文件
操作
浏览文件
下载
差异文件
!16643 修改文档尺寸断点520到600
Merge pull request !16643 from songqq0825/master
上级
f97cc068
1e1e9c27
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
11 addition
and
11 deletion
+11
-11
zh-cn/application-dev/key-features/multi-device-app-dev/case.md
...application-dev/key-features/multi-device-app-dev/case.md
+2
-2
zh-cn/application-dev/key-features/multi-device-app-dev/design-delivery.md
...-dev/key-features/multi-device-app-dev/design-delivery.md
+2
-2
zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md
...ev/key-features/multi-device-app-dev/responsive-layout.md
+5
-5
zh-cn/application-dev/key-features/multi-device-app-dev/start-with-a-example.md
...key-features/multi-device-app-dev/start-with-a-example.md
+2
-2
未找到文件。
zh-cn/application-dev/key-features/multi-device-app-dev/case.md
浏览文件 @
57a09d6d
...
...
@@ -467,8 +467,8 @@ const globalMessageList:any[] = [
| 断点 | 窗口宽度(vp) | 栅格总列数 | 消息气泡占用的列数 | 接收场景偏移的列数 | 发送场景偏移的列数 |
| -------- | -------- | -------- | -------- | -------- | -------- |
| sm |
[
320,
52
0) | 12 | 12 | 0 | 0 |
| md | [
52
0, 840) | 12 | 8 | 0 | 4 |
| sm |
[
320,
60
0) | 12 | 12 | 0 | 0 |
| md | [
60
0, 840) | 12 | 8 | 0 | 4 |
| lg | [840, +∞) | 12 | 8 | 0 | 4 |
| 默认设备 | 平板 |
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/design-delivery.md
浏览文件 @
57a09d6d
...
...
@@ -35,8 +35,8 @@
| 设备类型 | 屏幕宽度 | 画板尺寸(vp) |
| -------- | -------- | -------- |
| 超小设备 |
[
0, 320) | 240\*320 |
| 小设备 | [320,
52
0) | 360\*780 |
| 中设备 | [
52
0, 840) | 677\*763 |
| 小设备 | [320,
60
0) | 360\*780 |
| 中设备 | [
60
0, 840) | 677\*763 |
| 大设备 | [840, +) | 1280\*800 |
多设备效果示意图
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md
浏览文件 @
57a09d6d
...
...
@@ -24,8 +24,8 @@
| 断点名称 | 取值范围(vp) |
| -------- | -------- |
| xs |
[
0, 320) |
| sm | [320,
52
0) |
| md | [
52
0, 840) |
| sm | [320,
60
0) |
| md | [
60
0, 840) |
| lg | [840, +∞) |
> **说明:**
...
...
@@ -66,7 +66,7 @@ OpenHarmony提供了多种方法,判断应用当前处于何种断点,进而
let
newBp
:
string
=
''
if
(
windowWidthVp
<
320
)
{
newBp
=
'
xs
'
}
else
if
(
windowWidthVp
<
52
0
)
{
}
else
if
(
windowWidthVp
<
60
0
)
{
newBp
=
'
sm
'
}
else
if
(
windowWidthVp
<
840
)
{
newBp
=
'
md
'
...
...
@@ -209,9 +209,9 @@ export class BreakpointSystem {
}
public
register
()
{
this
.
smListener
=
mediaquery
.
matchMediaSync
(
"
(320vp<width<
52
0vp)
"
)
this
.
smListener
=
mediaquery
.
matchMediaSync
(
"
(320vp<width<
60
0vp)
"
)
this
.
smListener
.
on
(
"
change
"
,
this
.
isBreakpointSM
)
this
.
mdListener
=
mediaquery
.
matchMediaSync
(
"
(
52
0vp<width<840vp)
"
)
this
.
mdListener
=
mediaquery
.
matchMediaSync
(
"
(
60
0vp<width<840vp)
"
)
this
.
mdListener
.
on
(
"
change
"
,
this
.
isBreakpointMD
)
this
.
lgListener
=
mediaquery
.
matchMediaSync
(
"
(840vp<width)
"
)
this
.
lgListener
.
on
(
"
change
"
,
this
.
isBreakpointLG
)
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/start-with-a-example.md
浏览文件 @
57a09d6d
...
...
@@ -15,8 +15,8 @@
| 设备类型 | 屏幕宽度(vp) |
| -------- | -------- |
| 超小设备 |
[
0, 320) |
| 小设备 | [320,
52
0) |
| 中设备 | [
52
0, 840) |
| 小设备 | [320,
60
0) |
| 中设备 | [
60
0, 840) |
| 大设备 | [840, +∞) |
> **说明:**
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录