text.md 1.6 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 21 22 23 24 25 26
## 子组件

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

但注意,app-uvue的text组件嵌套后子组件也不继承父组件样式,这样使用会在编译到浏览器平台时产生差异。所以尽量避免使用text嵌套。

app-nvue中,text组件不能嵌套。

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

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

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

## Bug & Tips@tips
- app-uvue不支持[HTML字符实体](https://developer.mozilla.org/zh-CN/docs/Glossary/Entity)
W
web  
wanganxp 已提交
33 34
- app-uvue text组件嵌套时,子组件设置的部分CSS样式可能不生效。
- app-uvue的selectable开启后,仅支持全部文字复制,不支持自由调整光标选择文字。如需自由选择文字,请使用[rich-text组件](rich-text.md)。web默认就是可复制文字的,selectable无效。