text相关属性示例
根据宽度自动折行
{{ multiLineText }}
根据宽度自动折行,拍平测试
{{ multiLineText }}
\\n换行
\n 换行
\\n 换行
\\\n 换行
\n 换行 \\n 换行 \\\n 换行 \\\\n 换行 \\\\\n 换行
\n\n连续换行\n\n连续换行\n\n连续换行
\\n换行,拍平测试
\n 换行
\\n 换行
\\\n 换行
\n 换行 \\n 换行 \\\n 换行 \\\\n 换行 \\\\\n 换行
\n\n连续换行\n\n连续换行\n\n连续换行
selectable属性(鸿蒙蒸汽暂不支持)
{{ singleLineText }}
{{ singleLineText }}
space属性(App平台蒸汽模式不支持,推荐改用css white-space)
依次为nbsp ensp emsp效果
{{ singleLineText }}
{{ singleLineText }}
{{ singleLineText }}
{{ singleLineText }}
{{ singleLineText }}
{{ singleLineText }}
decode属性(App平台蒸汽模式不支持)
依次为lt gt amp apos nbsp ensp emsp效果
{{ decodeStr }}
uni-app x,终极跨平台方案
uni-app x,终极跨平台方案
uni-app x,终极跨平台方案
{{ decodeStr }}
uni-app x,终极跨平台方案
uni-app x,终极跨平台方案
uni-app x,终极跨平台方案
嵌套1
一级节点黑色
二级节点红色且背景色黄色
App三级节点不继承二级的颜色
二级节点大字体
嵌套1,拍平测试
一级节点黑色
二级节点红色且背景色黄色
App三级节点不继承二级的颜色
二级节点大字体
动态text嵌套
{{ n }}
空嵌套测试
文字应居中显示
空嵌套测试(根拍平)
文字应居中显示
含换行符的多行文本(3行),但不自动换行,可横向滚动
HBuilderX,轻巧、极速,极客编辑器;\nuni-app x,是下一代 uni-app,是一个跨平台应用开发引擎。uni-app x 是一个庞大的工程,它包括uts语言、uvue渲染引擎、uni的组件和API、以及扩展机制。\nuts是一门类ts的、跨平台的、新语言。
含换行符的多行文本(3行),但不自动换行,可横向滚动【拍平测试】
HBuilderX,轻巧、极速,极客编辑器;\nuni-app x,是下一代 uni-app,是一个跨平台应用开发引擎。uni-app x 是一个庞大的工程,它包括uts语言、uvue渲染引擎、uni的组件和API、以及扩展机制。\nuts是一门类ts的、跨平台的、新语言。
点击事件测试
{{String.fromCharCode(parseInt('E650',16))}}
{{String.fromCharCode(parseInt('EA08',16))}}
hover-class 测试
点击测试 hover-class
{{data.emptyText}}
{{data.emptyText}}
一级节点文本
二级节点文本
{{data.nestedText}}
{{data.heightText}}
1
2
3