提交 3c05e8ae 编写于 作者: L limeng

fix imagespan review issue and modify text doc

Signed-off-by: Nlimeng <limeng208@huawei.com>
上级 04bd8966
# ImageSpan
作为Text组件的子组件,用于显示行内图片的组件
[Text](ts-basic-components-text.md)组件的子组件,用于显示行内图片
> **说明:**
>
......@@ -20,30 +20,30 @@ ImageSpan(value: ResourceStr | PixelMap)
| 参数名 | 参数类型 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- |
| value | [ResourceStr](ts-types.md#ResourceStr) \|&nbsp;[PixelMap](../apis/js-apis-image.md#pixelmap7)&nbsp; | 是 | 图片的数据源,支持本地图片和网络图片。<br/>当使用相对路径引用图片资源时,例如`Image("common/test.jpg")`,不支持跨包/跨模块调用该Image组件,建议使用`$r`方式来管理需全局使用的图片资源。<br/>\- 支持的图片格式包括png、jpg、bmp、svg和gif。<br/>\- 支持`Base64`字符串。格式`data:image/[png\|jpeg\|bmp\|webp];base64,[base64 data]`, 其中`[base64 data]``Base64`字符串数据。<br/>\- 支持`datashare://`路径前缀的字符串,用于访问通过data&nbsp;ability提供的图片路径。图片加载前需要申请[媒体库功能相关权限](../../file-management/medialibrary-overview.md#申请媒体库功能相关权限)<br/>\- 支持file:///data/storage路径前缀的字符串,用于读取本应用安装目录下files文件夹下的图片资源。需要保证目录包路径下的文件有可读权限。 |
| value | [ResourceStr](ts-types.md#ResourceStr) \|&nbsp;[PixelMap](../apis/js-apis-image.md#pixelmap7)&nbsp; | 是 | 图片的数据源,支持本地图片和网络图片。<br/>当使用相对路径引用图片资源时,例如`Image("common/test.jpg")`,不支持跨包/跨模块调用该Image组件,建议使用`$r`方式来管理需全局使用的图片资源。<br/>\- 支持的图片格式包括png、jpg、bmp、svg和gif。<br/>\- 支持`Base64`字符串。格式`data:image/[png\|jpeg\|bmp\|webp];base64,[base64 data]`, 其中`[base64 data]``Base64`字符串数据。<br/>\- 支持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) | 设置图片的缩放类型。<br/>默认值:ImageFit.Cover |
### ImageSpanAlignment
## ImageSpanAlignment
| 名称 | 描述 |
| -------- | ------------------------------------------ |
| TOP | 图片上边沿和文本的上边沿对齐。 |
| CENTER | 图片的中间和文本的中间对齐。 |
| BOTTOM | 图片的下边沿和文本的下边沿对齐。 |
| BASELINE | 图片的下边沿和文本的BaseLine的上边线对齐。 |
| 名称 | 描述 |
| -------- | ------------------------------------ |
| TOP | 图片上边沿和文本上边沿对齐。 |
| CENTER | 图片中间和文本中间对齐。 |
| BOTTOM | 图片下边沿和文本下边沿对齐。 |
| BASELINE | 图片下边沿和文本BaseLine上边线对齐。 |
## 事件
通用事件仅支持[点击事件](ts-universal-attributes-click.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)
| copyOption<sup>9+</sup> | [CopyOptions](ts-appendix-enums.md#copyoptions9) | 组件支持设置文本是否可复制粘贴。<br />默认值:CopyOptions.None <br/>该接口支持在ArkTS卡片中使用。 |
| textShadow<sup>10+</sup> | [ShadowOptions](ts-universal-attributes-image-effect.md#shadowoptions对象说明) | 设置文字阴影效果。 |
| heightAdaptivePolicy<sup>10+</sup> | [TextHeightAdaptivePolicy](ts-appendix-enums.md#TextHeightAdaptivePolicy10) | 设置文本自适应高度的方式。 |
| textIndent<sup>10+</sup> | number&nbsp;\|&nbsp;string | 设置首行文本缩进,默认值0。 |
> **说明:**
>
> 不支持Text内同时存在文本内容和Span子组件。如果同时存在,只显示Span内的内容。
> 不支持Text内同时存在文本内容和Span或ImageSpan子组件。如果同时存在,只显示Span或ImageSpan内的内容。
## 事件
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册