text.md 1.7 KB
Newer Older
D
DCloud_LXH 已提交
1 2 3 4 5 6
## text

<!-- UTSCOMJSON.text.description -->

在app-uvue和app-nvue中,文本只能写在text中,而不能写在view的text区域。文本样式的控制也应该在text组件上写style,而不是在view的样式里写。

D
DCloud_LXH 已提交
7
虽然app-uvue中写在view的text区域的文字,也会被编译器自动包裹一层text组件,看起来也可以使用。但这样会造成无法修改该text文字的样式,详见uvue的[样式不继承](../css/README.md#stylenoextends)章节。
D
DCloud_LXH 已提交
8

9
<!-- UTSCOMJSON.text.attribute -->
D
DCloud_LXH 已提交
10 11 12 13 14

<!-- UTSCOMJSON.text.event -->

<!-- UTSCOMJSON.text.compatibility -->

15 16
- App-Android平台文本换行规则(表现在文本断行位置等)可能和浏览器有差异。

D
DCloud_LXH 已提交
17 18 19 20
## 子组件

text组件在web浏览器渲染(含浏览器、小程序webview渲染模式、app-vue)和uvue中,可以并只能嵌套text组件。

W
wanganxp 已提交
21
app-uvue中的 text 组件虽然支持嵌套,但子组件不继承父组件样式。这样使用会在编译到各平台时可能产生差异,所以尽量避免使用text嵌套。
D
DCloud_LXH 已提交
22

DCloud_iOS_XHY's avatar
DCloud_iOS_XHY 已提交
23
app 平台子组件设置的排版相关样式(如width、height、margin、padding等)以及部分text独有样式(如text-align、lines、white-space、text-overflow)不生效,
D
DCloud_LXH 已提交
24 25 26

<!-- UTSCOMJSON.text.children -->

27 28
<!-- UTSCOMJSON.text.example -->

D
DCloud_LXH 已提交
29 30 31
<!-- UTSCOMJSON.text.reference -->

## Bug & Tips@tips
DCloud-yyl's avatar
DCloud-yyl 已提交
32 33
- app平台不支持[HTML字符实体](https://developer.mozilla.org/zh-CN/docs/Glossary/Entity)
- app平台 selectable开启后,仅支持全部文字复制,不支持自由调整光标选择文字。如需自由选择文字,请使用[rich-text组件](rich-text.md)。web平台默认就是可复制文字的,selectable无效。