Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
e8ebd7ee
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
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,发现更多精彩内容 >>
未验证
提交
e8ebd7ee
编写于
11月 17, 2022
作者:
O
openharmony_ci
提交者:
Gitee
11月 17, 2022
浏览文件
操作
浏览文件
下载
差异文件
!11478 js文档整改
Merge pull request !11478 from 田雨/master
上级
8766931b
0b7da8cc
变更
8
隐藏空白更改
内联
并排
Showing
8 changed file
with
28 addition
and
35 deletion
+28
-35
zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md
...ation-dev/reference/arkui-js/js-components-basic-input.md
+8
-5
zh-cn/application-dev/reference/arkui-js/js-components-basic-label.md
...ation-dev/reference/arkui-js/js-components-basic-label.md
+1
-1
zh-cn/application-dev/reference/arkui-js/js-components-basic-qrcode.md
...tion-dev/reference/arkui-js/js-components-basic-qrcode.md
+0
-2
zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvas.md
...ion-dev/reference/arkui-js/js-components-canvas-canvas.md
+1
-1
zh-cn/application-dev/reference/arkui-js/js-components-common-transition.md
...dev/reference/arkui-js/js-components-common-transition.md
+1
-1
zh-cn/application-dev/reference/arkui-js/js-components-container-list.md
...on-dev/reference/arkui-js/js-components-container-list.md
+9
-9
zh-cn/application-dev/reference/arkui-js/js-components-media-video.md
...ation-dev/reference/arkui-js/js-components-media-video.md
+0
-9
zh-cn/application-dev/reference/arkui-ts/ts-container-gridrow.md
...pplication-dev/reference/arkui-ts/ts-container-gridrow.md
+8
-7
未找到文件。
zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md
浏览文件 @
e8ebd7ee
...
...
@@ -101,26 +101,28 @@
headericon=
"/common/search.svg"
placeholder=
"Please input text"
onchange=
"change"
onenterkeyclick=
"enterkeyClick"
>
</input>
<input
class=
"button"
type=
"button"
value=
"Submit"
onclick=
"buttonClick"
></input>
<input
class=
"button"
type=
"button"
value=
"Submit"
onclick=
"buttonClick"
style=
"color: blue"
></input>
</div>
```
```
css
/* xxx.css */
.content
{
width
:
6
0%
;
width
:
10
0%
;
flex-direction
:
column
;
align-items
:
center
;
}
.input
{
width
:
60%
;
placeholder-color
:
gray
;
}
.button
{
width
:
60%
;
background-color
:
gray
;
margin-top
:
20px
;
}
}
```
```
js
// xxx.js
import
prompt
from
'
@system.prompt
'
...
...
@@ -142,9 +144,10 @@
error
:
'
error text
'
});
},
}
}
```
!
[
zh-cn_image_0000001252835901
](
figures/zh-cn_image_0000001252835901.png
)
2.
type为button
...
...
zh-cn/application-dev/reference/arkui-js/js-components-basic-label.md
浏览文件 @
e8ebd7ee
...
...
@@ -82,7 +82,7 @@
/*xxx.css */
.container
{
flex-direction
:
column
;
align-items
:
center
;
margin-left
:
20px
;
}
.row
{
flex-direction
:
row
;
...
...
zh-cn/application-dev/reference/arkui-js/js-components-basic-qrcode.md
浏览文件 @
e8ebd7ee
...
...
@@ -58,8 +58,6 @@
<div
class=
"container"
>
<qrcode
value=
"{{qr_value}}"
type=
"{{qr_type}}"
style=
"color: {{qr_col}};background-color: {{qr_bcol}};width: {{qr_size}};height: {{qr_size}};margin-bottom: 70px;"
></qrcode>
<text
class=
"txt"
>
Value
</text>
<input
onChange=
"setValue"
>
123
</input>
<text
class=
"txt"
>
Type
</text>
<switch
showtext=
"true"
checked=
"true"
texton=
"rect"
textoff=
"circle"
onchange=
"settype"
></switch>
<text
class=
"txt"
>
Color
</text>
...
...
zh-cn/application-dev/reference/arkui-js/js-components-canvas-canvas.md
浏览文件 @
e8ebd7ee
...
...
@@ -37,7 +37,7 @@
### getContext
getContext(type: '2d', options?: ContextAttrOptions): CanvasRendering
2dContext
getContext(type: '2d', options?: ContextAttrOptions): CanvasRendering
Context2D
获取canvas绘图上下文。不支持在onInit和onReady中进行调用。
...
...
zh-cn/application-dev/reference/arkui-js/js-components-common-transition.md
浏览文件 @
e8ebd7ee
...
...
@@ -319,7 +319,7 @@ Page1有一个不透明盒子,点击盒子会跳转到Page2,当点击Page2
<div
class=
"container"
>
<text>
transition
</text>
<div
class=
"move_page"
onclick=
"jumpBack"
></div>
</div
</div
>
```
```
js
...
...
zh-cn/application-dev/reference/arkui-js/js-components-container-list.md
浏览文件 @
e8ebd7ee
...
...
@@ -62,16 +62,16 @@
除支持
[
通用事件
](
../arkui-js/js-components-common-events.md
)
外,还支持如下事件:
| 名称
| 参数 | 描述
|
| -------------------------- | ----------------------------------------
|
---------------------------------------- |
| indexerchange
<sup>
5+
</sup>
| {
local:
booleanValue
} | 多语言索引条切换事件,仅当indexer属性为true,indexermulti为true时生效。booleanValue可能值为true或者false:
<br/>
-
true:
当前展示本地索引。
<br/>
-
false:
当前展示字母索引。 |
| 名称
| 参数 | 描述
|
| -------------------------- | ----------------------------------------
-------------------- | --------------------
---------------------------------------- |
| indexerchange
<sup>
5+
</sup>
| {
local:
booleanValue
}
| 多语言索引条切换事件,仅当indexer属性为true,indexermulti为true时生效。booleanValue可能值为true或者false:
<br/>
-
true:
当前展示本地索引。
<br/>
-
false:
当前展示字母索引。 |
| scroll | {
scrollX:
scrollXValue,
scrollY:
scrollYValue,
scrollState:
stateValue
} | 列表滑动的偏移量和状态回调。
<br/>
stateValue:
0表示列表滑动已经停止。
<br/>
stateValue:
1表示列表正在用户触摸状态下滑动。
<br/>
stateValue:
2表示列表正在用户松手状态下滑动。 |
| scrollbottom | -
| 当前列表已滑动到底部位置。
|
| scrolltop | -
| 当前列表已滑动到顶部位置。
|
| scrollend | -
| 列表滑动已经结束。
|
| scrolltouchup | -
| 手指已经抬起且列表仍在惯性滑动。
|
| requestitem | - | 请求创建新的list-item。
<br/>
长列表延迟加载时,可视区域外缓存的list-item数量少于cachedcount时,会触发该事件。 |
| rotat
e
<sup>
7+
</sup>
| {
rotateValue:
number
}
| 返回表冠旋转角度增量值,仅智能穿戴支持。 |
| scrollbottom | -
| 当前列表已滑动到底部位置。
|
| scrolltop | -
| 当前列表已滑动到顶部位置。
|
| scrollend | -
| 列表滑动已经结束。
|
| scrolltouchup | -
| 手指已经抬起且列表仍在惯性滑动。
|
| requestitem | -
| 请求创建新的list-item。
<br/>
长列表延迟加载时,可视区域外缓存的list-item数量少于cachedcount时,会触发该事件。 |
| rotat
ion
<sup>
7+
</sup>
| {
rotateValue:
number
}
| 返回表冠旋转角度增量值,仅智能穿戴支持。 |
## 方法
...
...
zh-cn/application-dev/reference/arkui-js/js-components-media-video.md
浏览文件 @
e8ebd7ee
...
...
@@ -5,15 +5,6 @@
>
> - 从API version 4开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
>
> - 需要在config.json对应的"abilities"中设置"configChanges"属性为"orientation"
> ```
> "abilities": [
> {
> "configChanges": ["orientation"],
> ...
> }
> ]
> ```
视频播放组件。
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-gridrow.md
浏览文件 @
e8ebd7ee
...
...
@@ -133,17 +133,18 @@ onBreakpointChange(callback: (breakpoints: string) => void)
struct
GridRowExample
{
@
State
bgColors
:
Color
[]
=
[
Color
.
Red
,
Color
.
Orange
,
Color
.
Yellow
,
Color
.
Green
,
Color
.
Pink
,
Color
.
Grey
,
Color
.
Blue
,
Color
.
Brown
]
@
State
currentBp
:
string
=
'
unknown
'
build
()
{
Column
()
{
GridRow
({
columns
:
5
,
gutter
:
{
x
:
5
,
y
:
10
},
breakpoints
:
{
value
:
[
"
400vp
"
,
"
600vp
"
,
"
800vp
"
],
reference
:
BreakpointsReference
.
WindowSize
},
gutter
:
{
x
:
5
,
y
:
10
},
breakpoints
:
{
value
:
[
"
400vp
"
,
"
600vp
"
,
"
800vp
"
],
reference
:
BreakpointsReference
.
WindowSize
},
direction
:
GridRowDirection
.
Row
})
{
ForEach
(
this
.
bgColors
,
(
color
)
=>
{
GridCol
({
span
:
{
xs
:
1
,
sm
:
2
,
md
:
3
,
lg
:
4
}
})
{
ForEach
(
this
.
bgColors
,
(
color
)
=>
{
GridCol
({
span
:
{
xs
:
1
,
sm
:
2
,
md
:
3
,
lg
:
4
}
})
{
Row
().
width
(
"
100%
"
).
height
(
"
20vp
"
)
}.
borderColor
(
color
).
borderWidth
(
2
)
})
...
...
@@ -151,8 +152,8 @@ struct GridRowExample {
.
onBreakpointChange
((
breakpoint
)
=>
{
this
.
currentBp
=
breakpoint
})
}.
width
(
'
80%
'
).
margin
({
left
:
10
,
top
:
5
,
bottom
:
5
}).
height
(
200
)
.
border
({
color
:
Color
.
Blue
,
width
:
2
})
}.
width
(
'
80%
'
).
margin
({
left
:
10
,
top
:
5
,
bottom
:
5
}).
height
(
200
)
.
border
({
color
:
'
#880606
'
,
width
:
2
})
}
}
```
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录