text相关属性示例
根据宽度自动折行
{{ multiLineText }}
\\n换行
\n 换行
\\n 换行
\\\n 换行
\n 换行 \\n 换行 \\\n 换行 \\\\n 换行 \\\\\n 换行
HBuilderX,轻巧、极速,极客编辑器;\nuni-app x,终极跨平台方案;
截断(clip)
{{
multiLineText
}}
截断(ellipsis)
{{
multiLineText
}}
selectable
{{ singleLineText }}
space
依次为nbsp ensp emsp效果
{{ singleLineText }}
{{ singleLineText }}
{{ singleLineText }}
decode
依次为lt gt amp apos nbsp ensp emsp效果
{{ decodeStr }}
uni-app x,终极跨平台方案
uni-app x,终极跨平台方案
uni-app x,终极跨平台方案
嵌套1
一级节点黑色
二级节点红色且背景色黄色
App三级节点不继承二级的颜色
二级节点大字体
嵌套2
文字应居中显示
padding和border
hello uni-app x
hello uni-app x
hello uni-app x
hello uni-app x
含换行符的多行文本(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))}}
{{emptyText}}
{{emptyText}}
一级节点文本
二级节点文本
{{nestedText}}
{{heightText}}
1
2
3