diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-search.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-search.md index c49bc417980663ecf354c8569ae6f7b0a2b0d53c..dd76a0865b425870c421c03431297b5ca322849c 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-search.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-search.md @@ -16,12 +16,12 @@ Search(options?: { value?: string; placeholder?: ResourceStr; icon?: string; con **参数:** -| 参数名 | 参数类型 | 必填 | 参数描述 | -| ----------- | ---------------- | ---- | ------------------------------------------------------------ | -| value | string | 否 | 设置当前显示的搜索文本内容。 | +| 参数名 | 参数类型 | 必填 | 参数描述 | +| ----------- | ---------------------------------------------------- | ---- | ------------------------------------------------------------ | +| value | string | 否 | 设置当前显示的搜索文本内容。 | | placeholder | [ResourceStr](ts-types.md#resourcestr)10+ | 否 | 设置无输入时的提示文本。 | -| icon | string | 否 | 设置搜索图标路径,默认使用系统搜索图标,图标支持的图源格式: svg、jpg和png。 | -| controller | SearchController | 否 | 设置Search组件控制器。 | +| icon | string | 否 | 设置搜索图标路径,默认使用系统搜索图标。
图标所支持的图片类型能力参考[Image](ts-basic-components-image.md)组件。 | +| controller | SearchController | 否 | 设置Search组件控制器。 | ## 属性 diff --git a/zh-cn/application-dev/ui/arkts-performance-improvement-recommendation.md b/zh-cn/application-dev/ui/arkts-performance-improvement-recommendation.md index 8a0b469305af0bb990edc42c04ef09c7cf65f189..3ca296f127341ecfad6547c6346b33e31b4c4172 100644 --- a/zh-cn/application-dev/ui/arkts-performance-improvement-recommendation.md +++ b/zh-cn/application-dev/ui/arkts-performance-improvement-recommendation.md @@ -219,54 +219,6 @@ struct MyComponent { ![flex1](figures/flex1.PNG) -## 设置List组件的宽高 - -开发者在使用Scroll容器组件嵌套List子组件时,若不指定List的宽高尺寸,则默认全部加载,如下所示: - -```ts -@Entry -@Component -struct MyComponent { - private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; - - build() { - Scroll() { - List() { - ForEach(this.arr, (item) => { - ListItem() { - Text(`item value: ${item}`).fontSize(30).margin({ left: 10 }) - }.height(100) - }, (item) => item.toString()) - } - }.backgroundColor(Color.Pink) - } -} -``` - -因此,在这种场景下建议开发者设置List子组件的宽高,如下所示: - -```ts -@Entry -@Component -struct MyComponent { - private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; - - build() { - Scroll() { - List() { - ForEach(this.arr, (item) => { - ListItem() { - Text(`item value: ${item}`).fontSize(30).margin({ left: 10 }) - }.height(100) - }, (item) => item.toString()) - }.width('100%').height(500) - }.backgroundColor(Color.Pink) - } -} -``` - -![list1](figures/list1.gif) - ## 减少应用滑动白块 应用通过增大List/Grid控件的cachedCount参数,调整UI的加载范围。cachedCount表示屏幕外List/Grid预加载item的个数。 diff --git a/zh-cn/application-dev/ui/figures/list1.gif b/zh-cn/application-dev/ui/figures/list1.gif deleted file mode 100644 index f421df651539da975e30d2294598e587e44d665e..0000000000000000000000000000000000000000 Binary files a/zh-cn/application-dev/ui/figures/list1.gif and /dev/null differ