diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-imagespan.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-imagespan.md index 24d27af3e50e81f1972d035b4feb0468caaccd26..682e11fa2e409979143c82d818ea2debc4a90aa6 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-imagespan.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-imagespan.md @@ -1,6 +1,6 @@ # ImageSpan -作为Text组件的子组件，用于显示行内图片的组件。 +[Text](ts-basic-components-text.md)组件的子组件，用于显示行内图片。 > **说明：** > @@ -20,30 +20,30 @@ ImageSpan(value: ResourceStr | PixelMap) | 参数名 | 参数类型 | 必填 | 参数描述 | | -------- | -------- | -------- | -------- | -| value | [ResourceStr](ts-types.md#ResourceStr) \| [PixelMap](../apis/js-apis-image.md#pixelmap7)  | 是 | 图片的数据源，支持本地图片和网络图片。
当使用相对路径引用图片资源时，例如`Image("common/test.jpg")`，不支持跨包/跨模块调用该Image组件，建议使用`$r`方式来管理需全局使用的图片资源。
\- 支持的图片格式包括png、jpg、bmp、svg和gif。
\- 支持`Base64`字符串。格式`data:image/[png\|jpeg\|bmp\|webp];base64,[base64 data]`, 其中`[base64 data]`为`Base64`字符串数据。
\- 支持`datashare://`路径前缀的字符串，用于访问通过data ability提供的图片路径。图片加载前需要申请[媒体库功能相关权限](../../file-management/medialibrary-overview.md#申请媒体库功能相关权限)
\- 支持file:///data/storage路径前缀的字符串，用于读取本应用安装目录下files文件夹下的图片资源。需要保证目录包路径下的文件有可读权限。 | +| value | [ResourceStr](ts-types.md#ResourceStr) \| [PixelMap](../apis/js-apis-image.md#pixelmap7)  | 是 | 图片的数据源，支持本地图片和网络图片。
当使用相对路径引用图片资源时，例如`Image("common/test.jpg")`，不支持跨包/跨模块调用该Image组件，建议使用`$r`方式来管理需全局使用的图片资源。
\- 支持的图片格式包括png、jpg、bmp、svg和gif。
\- 支持`Base64`字符串。格式`data:image/[png\|jpeg\|bmp\|webp];base64,[base64 data]`, 其中`[base64 data]`为`Base64`字符串数据。
\- 支持file:///data/storage路径前缀的字符串，用于读取本应用安装目录下files文件夹下的图片资源。需要保证目录包路径下的文件有可读权限。 | ## 属性 -通用属性方法仅支持[通用属性](ts-universal-attributes-size.md)中的宽(width)、高(height)和size属性外，还支持以下属性：。 +[通用属性](ts-universal-attributes-size.md)方法仅支持宽(width)、高(height)和size。 | 名称 | 参数类型 | 描述 | | -------- | -------- | -------- | | verticalAlign | [ImageSpanAlignment](#imagespanalignment) | 图片基于文本的对齐方式。 | | objectFit | [ImageFit](ts-appendix-enums.md#imagefit) | 设置图片的缩放类型。
默认值：ImageFit.Cover | -### ImageSpanAlignment +## ImageSpanAlignment -| 名称 | 描述 | -| -------- | ------------------------------------------ | -| TOP | 图片上边沿和文本的上边沿对齐。 | -| CENTER | 图片的中间和文本的中间对齐。 | -| BOTTOM | 图片的下边沿和文本的下边沿对齐。 | -| BASELINE | 图片的下边沿和文本的BaseLine的上边线对齐。 | +| 名称 | 描述 | +| -------- | ------------------------------------ | +| TOP | 图片上边沿和文本上边沿对齐。 | +| CENTER | 图片中间和文本中间对齐。 | +| BOTTOM | 图片下边沿和文本下边沿对齐。 | +| BASELINE | 图片下边沿和文本BaseLine上边线对齐。 | ## 事件 -无。 +通用事件仅支持[点击事件](ts-universal-attributes-click.md)。 ## 示例 diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-text.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-text.md index 1dbc2dd6ebb99eb8f2716566a8903edd002ee848..dea844900b22ec00f066dec307340bb235d0fbbc 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-text.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-text.md @@ -9,7 +9,7 @@ ## 子组件 -可以包含[Span](ts-basic-components-span.md)子组件。 +可以包含[Span](ts-basic-components-span.md)和[ImageSpan](ts-basic-components-imagespan.md)子组件。 ## 接口 @@ -43,10 +43,11 @@ Text(content?: string | Resource) | copyOption9+ | [CopyOptions](ts-appendix-enums.md#copyoptions9) | 组件支持设置文本是否可复制粘贴。
默认值：CopyOptions.None
该接口支持在ArkTS卡片中使用。 | | textShadow10+ | [ShadowOptions](ts-universal-attributes-image-effect.md#shadowoptions对象说明) | 设置文字阴影效果。 | | heightAdaptivePolicy10+ | [TextHeightAdaptivePolicy](ts-appendix-enums.md#TextHeightAdaptivePolicy10) | 设置文本自适应高度的方式。 | +| textIndent10+ | number \| string | 设置首行文本缩进，默认值0。 | > **说明：** > -> 不支持Text内同时存在文本内容和Span子组件。如果同时存在，只显示Span内的内容。 +> 不支持Text内同时存在文本内容和Span或ImageSpan子组件。如果同时存在，只显示Span或ImageSpan内的内容。 ## 事件