Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
43476c10
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看板
未验证
提交
43476c10
编写于
1月 30, 2022
作者:
O
openharmony_ci
提交者:
Gitee
1月 30, 2022
浏览文件
操作
浏览文件
下载
差异文件
!1391 失效icon修改
Merge pull request !1391 from LiAn/master
上级
bf3ba77a
6c926579
变更
14
隐藏空白更改
内联
并排
Showing
14 changed file
with
14 addition
and
14 deletion
+14
-14
zh-cn/application-dev/ui/ts-application-states-apis-persistentstorage.md
...on-dev/ui/ts-application-states-apis-persistentstorage.md
+1
-1
zh-cn/application-dev/ui/ts-application-states-appstorage.md
zh-cn/application-dev/ui/ts-application-states-appstorage.md
+1
-1
zh-cn/application-dev/ui/ts-component-based-component.md
zh-cn/application-dev/ui/ts-component-based-component.md
+1
-1
zh-cn/application-dev/ui/ts-component-based-entry.md
zh-cn/application-dev/ui/ts-component-based-entry.md
+1
-1
zh-cn/application-dev/ui/ts-component-based-extend.md
zh-cn/application-dev/ui/ts-component-based-extend.md
+1
-1
zh-cn/application-dev/ui/ts-component-based-preview.md
zh-cn/application-dev/ui/ts-component-based-preview.md
+1
-1
zh-cn/application-dev/ui/ts-component-states-link.md
zh-cn/application-dev/ui/ts-component-states-link.md
+1
-1
zh-cn/application-dev/ui/ts-component-states-prop.md
zh-cn/application-dev/ui/ts-component-states-prop.md
+1
-1
zh-cn/application-dev/ui/ts-custom-component-lifecycle-callbacks.md
...ication-dev/ui/ts-custom-component-lifecycle-callbacks.md
+1
-1
zh-cn/application-dev/ui/ts-function-build.md
zh-cn/application-dev/ui/ts-function-build.md
+1
-1
zh-cn/application-dev/ui/ts-other-states-consume-provide.md
zh-cn/application-dev/ui/ts-other-states-consume-provide.md
+1
-1
zh-cn/application-dev/ui/ts-rending-control-syntax-foreach.md
...n/application-dev/ui/ts-rending-control-syntax-foreach.md
+1
-1
zh-cn/application-dev/ui/ts-rending-control-syntax-if-else.md
...n/application-dev/ui/ts-rending-control-syntax-if-else.md
+1
-1
zh-cn/application-dev/ui/ts-rending-control-syntax-lazyforeach.md
...plication-dev/ui/ts-rending-control-syntax-lazyforeach.md
+1
-1
未找到文件。
zh-cn/application-dev/ui/ts-application-states-apis-persistentstorage.md
浏览文件 @
43476c10
...
...
@@ -58,7 +58,7 @@
</tbody>
</table>
>![
](../../
public_sys-resources/icon-note.gif) **说明:**
>![
icon-note.gif](
public_sys-resources/icon-note.gif) **说明:**
>- PersistProp接口使用时,需要保证输入对应的key应当在Appstorage存在。
>- DeleteProp接口使用时,只能对本次启动已经link过的数据生效。
...
...
zh-cn/application-dev/ui/ts-application-states-appstorage.md
浏览文件 @
43476c10
...
...
@@ -139,7 +139,7 @@ UI组件可以通过装饰器将应用程序状态数据与**AppStorage**进行
</tbody>
</table>
>![
](../../
public_sys-resources/icon-note.gif) **说明:**
>![
icon-note.gif](
public_sys-resources/icon-note.gif) **说明:**
>当前接口当前仅可以处理基础类型数据,对于修改object中某一个值尚未支持。
## AppStorage与组件同步<a name="section1315514223716"></a>
...
...
zh-cn/application-dev/ui/ts-component-based-component.md
浏览文件 @
43476c10
...
...
@@ -9,7 +9,7 @@
对组件化的深入描述,请参考
[
深入理解组件化
](
ts-a-deep-dive-into-component.md
)
。
>![
](../../
public_sys-resources/icon-note.gif) **说明:**
>![
icon-note.gif](
public_sys-resources/icon-note.gif) **说明:**
>- 自定义组件必须定义build方法。
>- 自定义组件禁止自定义构造函数。
...
...
zh-cn/application-dev/ui/ts-component-based-entry.md
浏览文件 @
43476c10
...
...
@@ -2,7 +2,7 @@
用
**@Entry**
装饰的自定义组件用作页面的默认入口组件,加载页面时,将首先创建并呈现
**@Entry**
装饰的自定义组件。
>![
](../../
public_sys-resources/icon-note.gif) **说明:**
>![
icon-note.gif](
public_sys-resources/icon-note.gif) **说明:**
>在单个源文件中,最多可以使用**@Entry**装饰一个自定义组件。
## 示例<a name="section0615954173414"></a>
...
...
zh-cn/application-dev/ui/ts-component-based-extend.md
浏览文件 @
43476c10
...
...
@@ -23,6 +23,6 @@ struct FancyUse {
}
```
>![
](../../
public_sys-resources/icon-note.gif) **说明:**
>![
icon-note.gif](
public_sys-resources/icon-note.gif) **说明:**
>@Extend装饰器不能用在自定义组件struct定义框内。
zh-cn/application-dev/ui/ts-component-based-preview.md
浏览文件 @
43476c10
...
...
@@ -2,7 +2,7 @@
用
**@Preview**
装饰的自定义组件可以在DevEco Studio的预览器上进行预览,加载页面时,将创建并呈现
**@Preview**
装饰的自定义组件。
>![
](../../
public_sys-resources/icon-note.gif) **说明:**
>![
icon-note.gif](
public_sys-resources/icon-note.gif) **说明:**
>在单个源文件中,最多可以使用**@Preview**装饰一个自定义组件。
## 示例<a name="section2270154810523"></a>
...
...
zh-cn/application-dev/ui/ts-component-states-link.md
浏览文件 @
43476c10
...
...
@@ -8,7 +8,7 @@
-
**双向通信:**
子组件对
**@Link**
变量的更改将同步修改父组件的
**@State**
变量;
-
**创建自定义组件时需要将变量的引用传递给@Link变量:**
在创建组件的新实例时,必须使用命名参数初始化所有
**@Link**
变量。
**@Link**
变量可以使用
**@State**
变量或
**@Link**
变量的引用进行初始化,
**@State**
变量可以通过'
**$**
'操作符创建引用。
>![
](../../
public_sys-resources/icon-note.gif) **说明:**
>![
icon-note.gif](
public_sys-resources/icon-note.gif) **说明:**
>**@Link**变量不能在组件内部进行初始化。
## 简单类型示例<a name="section19793192619582"></a>
...
...
zh-cn/application-dev/ui/ts-component-states-prop.md
浏览文件 @
43476c10
...
...
@@ -63,6 +63,6 @@ struct CountDownComponent {
在上述示例中,当按“+1”或“-1”按钮时,父组件状态发生变化,重新执行
**build**
方法,此时将创建一个新的
**CountDownComponent**
组件。父组件的
**countDownStartValue**
状态属性被用于初始化子组件的
**@Prop**
变量,当按下子组件的“Try again”按钮时,其
**@Prop**
变量
**count**
将被更改,
**CountDownComponent**
重新渲染。但是
**count**
值的更改不会影响父组件的
**countDownStartValue**
值。
>![
](../../
public_sys-resources/icon-note.gif) **说明:**
>![
icon-note.gif](
public_sys-resources/icon-note.gif) **说明:**
>创建新组件实例时,必须初始化其所有**@Prop**变量。
zh-cn/application-dev/ui/ts-custom-component-lifecycle-callbacks.md
浏览文件 @
43476c10
...
...
@@ -72,7 +72,7 @@ struct CountDownTimerComponent {
上述示例表明,生命周期函数对于允许CountDownTimerComponent管理其计时器资源至关重要,类似的函数也包括异步从网络请求加载资源。
>![
](../../
public_sys-resources/icon-note.gif) **说明:**
>![
icon-note.gif](
public_sys-resources/icon-note.gif) **说明:**
>- 允许在生命周期函数中使用**Promise**和异步回调函数,比如网络资源获取,定时器设置等;
>- 不允许在生命周期函数中使用**async await**。
zh-cn/application-dev/ui/ts-function-build.md
浏览文件 @
43476c10
...
...
@@ -8,6 +8,6 @@ interface Builder {
}
```
>![
](../../
public_sys-resources/icon-note.gif) **说明:**
>![
icon-note.gif](
public_sys-resources/icon-note.gif) **说明:**
>build方法仅支持组合组件,使用渲染控制语法。
zh-cn/application-dev/ui/ts-other-states-consume-provide.md
浏览文件 @
43476c10
...
...
@@ -52,7 +52,7 @@ Provide作为数据的提供方,可以更新其子孙节点的数据,并触
</tbody>
</table>
>![
](../../
public_sys-resources/icon-note.gif) **说明:**
>![
icon-note.gif](
public_sys-resources/icon-note.gif) **说明:**
>使用@Provide 和@Consume时避免循环引用导致死循环。
其他属性说明与Provide一致。
...
...
zh-cn/application-dev/ui/ts-rending-control-syntax-foreach.md
浏览文件 @
43476c10
...
...
@@ -65,7 +65,7 @@ ForEach\(arr: any\[\],itemGenerator: \(item: any, index?: number\) =\> void, key
</tbody>
</table>
>![
](../../
public_sys-resources/icon-note.gif) **说明:**
>![
icon-note.gif](
public_sys-resources/icon-note.gif) **说明:**
>- 必须在容器组件内使用;
>- 生成的子组件允许在**ForEach**的父容器组件中,允许子组件生成器函数中包含**if/else**条件渲染,同时也允许**ForEach**包含在**if/else**条件渲染语句中;
>- 子项生成器函数的调用顺序不一定和数组中的数据项相同,在开发过程中不要假设子项生成器和键值生成器函数是否执行以及执行顺序。如下示例可能无法正常工作:
...
...
zh-cn/application-dev/ui/ts-rending-control-syntax-if-else.md
浏览文件 @
43476c10
...
...
@@ -2,7 +2,7 @@
使用
**if/else**
进行条件渲染。
>![
](../../
public_sys-resources/icon-note.gif) **说明:**
>![
icon-note.gif](
public_sys-resources/icon-note.gif) **说明:**
>- if条件语句可以使用状态变量。
>- 使用if可以使子组件的渲染依赖条件语句。
>- 必须在容器组件内使用。
...
...
zh-cn/application-dev/ui/ts-rending-control-syntax-lazyforeach.md
浏览文件 @
43476c10
...
...
@@ -151,7 +151,7 @@ LazyForEach\(dataSource: IDataSource, itemGenerator: \(item: any\) =\> void, key
</tbody>
</table>
>![
](../../
public_sys-resources/icon-note.gif) **说明:**
>![
icon-note.gif](
public_sys-resources/icon-note.gif) **说明:**
>- 数据懒加载必须在容器组件内使用,且仅有List、Grid以及Swiper组件支持数据的懒加载(即只加载可视部分以及其前后少量数据用于缓冲),其他组件仍然是一次加载所有的数据;
>- **LazyForEach**在每次迭代中,必须且只允许创建一个子组件;
>- 生成的子组件必须允许在**LazyForEach**的父容器组件中;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录