Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
a32a846f
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看板
未验证
提交
a32a846f
编写于
7月 22, 2022
作者:
O
openharmony_ci
提交者:
Gitee
7月 22, 2022
浏览文件
操作
浏览文件
下载
差异文件
!7036 检视问题修改
Merge pull request !7036 from LiAn/OpenHarmony-3.1-Release
上级
d1ce8787
974cfd6a
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
15 addition
and
14 deletion
+15
-14
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-timepicker.md
...-dev/reference/arkui-ts/ts-basic-components-timepicker.md
+2
-2
zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md
...application-dev/reference/arkui-ts/ts-container-swiper.md
+5
-6
zh-cn/application-dev/ui/ts-component-based-component.md
zh-cn/application-dev/ui/ts-component-based-component.md
+4
-3
zh-cn/application-dev/ui/ts-custom-component-lifecycle-callbacks.md
...ication-dev/ui/ts-custom-component-lifecycle-callbacks.md
+4
-3
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-timepicker.md
浏览文件 @
a32a846f
# TimePicker
>
![icon-note.gif](public_sys-resources/icon-note.gif)
**说明:**
> **说明:**
> 该组件从API Version 8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
...
...
@@ -58,7 +58,7 @@ TimePicker(options?: TimePickerOptions)
@Entry
@Component
struct TimePickerExample {
private selectedTime: Date = new Date('
08-
00')
private selectedTime: Date = new Date('
7/22/2022 8:00:
00')
build() {
Column() {
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md
浏览文件 @
a32a846f
# Swiper
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> 该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
滑动容器,提供切换子组件显示的能力。
> **说明:**
>
> 该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
## 权限列表
...
...
@@ -45,7 +44,7 @@ Swiper(value:{controller?: SwiperController})
| indicatorStyle
<sup>
8+
</sup>
| {
<br/>
left?:
Length,
<br/>
top?:
Length,
<br/>
right?:
Length,
<br/>
bottom?:
Length,
<br/>
size?:
Length,
<br/>
color?:
Color,
<br/>
selectedColor?:
Color
<br/>
} | - |设置indicator样式:
<br/>
-
left:
设置导航点距离Swiper组件左边的距离。
<br/>
-
top:
设置导航点距离Swiper组件顶部的距离。
<br/>
-
right:
设置导航点距离Swiper组件右边的距离。
<br/>
-
bottom:
设置导航点距离Swiper组件底部的距离。
<br/>
-
size:
设置导航点的直径。
<br/>
-
color:
设置导航点的颜色。
<br/>
-
selectedColor:
设置选中的导航点的颜色。 |
##
#
SwiperController
## SwiperController
Swiper容器组件的控制器,可以将此对象绑定至Swiper组件,然后通过它控制翻页。
...
...
@@ -95,7 +94,7 @@ struct SwiperExample {
private swiperController: SwiperController = new SwiperController()
private data: MyDataSource = new MyDataSource([])
private
aboutToAppear(): void {
aboutToAppear(): void {
let list = []
for (var i = 1; i <= 10; i++) {
list.push(i.toString());
...
...
zh-cn/application-dev/ui/ts-component-based-component.md
浏览文件 @
a32a846f
...
...
@@ -15,7 +15,8 @@
对组件化的深入描述,请参考深入理解组件化。
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> **说明:**
>
> - 自定义组件必须定义build方法。
>
> - 自定义组件禁止自定义构造函数。
...
...
@@ -78,11 +79,11 @@ struct ParentComponent {
}
}
private
aboutToAppear() {
aboutToAppear() {
console.log('ParentComponent: Just created, about to become rendered first time.')
}
private
aboutToDisappear() {
aboutToDisappear() {
console.log('ParentComponent: About to be removed from the UI.')
}
}
...
...
zh-cn/application-dev/ui/ts-custom-component-lifecycle-callbacks.md
浏览文件 @
a32a846f
...
...
@@ -23,7 +23,7 @@ struct CountDownTimerComponent {
@State countDownFrom: number = 10
private timerId: number = -1
private
aboutToAppear(): void {
aboutToAppear(): void {
this.timerId = setInterval(() => {
if (this.countDownFrom <= 1) {
clearTimeout(this.timerId)
...
...
@@ -32,7 +32,7 @@ struct CountDownTimerComponent {
}, 1000) // decr counter by 1 every second
}
private
aboutToDisappear(): void {
aboutToDisappear(): void {
if (this.timerId > 0) {
clearTimeout(this.timerId)
this.timerId = -1
...
...
@@ -48,7 +48,8 @@ struct CountDownTimerComponent {
上述示例表明,生命周期函数对于允许CountDownTimerComponent管理其计时器资源至关重要,类似的函数也包括异步从网络请求加载资源。
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> **说明:**
>
> - 允许在生命周期函数中使用Promise和异步回调函数,比如网络资源获取,定时器设置等;
>
> - 不允许在生命周期函数中使用async await。
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录