From e78cd3a6de912b89773e5ea069920db11e0e950b Mon Sep 17 00:00:00 2001 From: wuliubao Date: Thu, 27 Jul 2023 15:22:13 +0800 Subject: [PATCH] =?UTF-8?q?IssueNo:#I7OH49=20Description:=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0RichText=E4=BD=BF=E7=94=A8=E7=BA=A6=E6=9D=9F=E6=9D=A1?= =?UTF-8?q?=E4=BB=B6=E8=AF=B4=E6=98=8E=20Sig:=20SIG=5FApplicationFramework?= =?UTF-8?q?=20Feature=20or=20Bugfix:=20Feature=20Binary=20Source:=20No?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: wuliubao --- .../arkui-ts/ts-basic-components-richtext.md | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-richtext.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-richtext.md index bbb0ad303a..f394f34b28 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-richtext.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-richtext.md @@ -52,6 +52,19 @@ RichText(content:string) | style | 属性规定元素的行内样式，写在标签内部，在使用的时候需用引号来进行区分，并以; 间隔样式，style='width: 500px;height: 500px;border: 1px soild;margin: 0 auto;'。 | \

这是一个标题\

\

这是一个段落。\

| | \ | 用于定义客户端脚本，比如JavaScript。 | \ | + +## 使用场景 + +RichText组件底层复用了Web组件来提供基础能力，包括但不限于HTML页面的解析、渲染等。但由于Web组件比较消耗资源，所以在一些重复使用RichText组件的场景下，比如在List下循环重复使用RichText时，会出现卡顿、滑动响应慢等现象。 + +RichText使用Web提供基础能力，同样遵循Web约束条件。常见典型场景如下: + +移动设备的视口默认值大小为980px，默认值可以确保大部分网页在移动设备下可以正常浏览。如果RichText组件宽度低于这个值，content内部的HTML则可能会生产一个可以滑动的页面被RichText组件包裹。如果想替换默认值，可以在content中添加以下标签： + +```html + +``` + ## 示例 示例效果请以真机运行为准，当前IDE预览器不支持。 @@ -112,6 +125,3 @@ struct RichTextExample { ![richText](figures/richText.png) -## 使用场景说明 - -RichText组件底层复用了Web组件来提供基础能力，包括但不限于HTML页面的解析、渲染等。但由于Web组件比较消耗资源，所以在一些重复使用RichText组件的场景下，比如在List下循环重复使用RichText时，会出现卡顿、滑动响应慢等现象。 -- GitLab