text
文本。
属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 |
---|---|---|---|---|---|
user-select | Boolean | false | 否 | 文本是否可选 | |
space | String | 否 | 显示连续空格 | ||
decode | Boolean | false | 否 | 是否解码 |
space 的合法值
值 | 说明 | 最低版本 |
---|---|---|
ensp | 中文字符空格一半大小 | |
emsp | 中文字符空格大小 | |
nbsp | 根据字体设置的空格大小 |
Tips:
- decode可以解析的有
 
 
<
>
"
'
&
示例代码:
<!--pages/component/pages/text/text.mcml-->
<view class="container">
<view class="statement">文本</view>
<text>我是text<text>我是内部text</text></text>
<view class="cssname">selectable:true</view>
<text selectable="{{true}}">这是可选文本\n长按选择文本</text>
<view class="cssname">user-select:true</view>
<text user-select="{{true}}">这是可选文本\n长按选择文本</text>
<block mc:for="{{space}}">
<view class="cssname">space:{{item.type}}</view>
<text space="{{item.type}}">{{item.text}}</text>
</block>
<view class="cssname">decode:true</view>
<text decode="true">{{text}}</text>
<view class="cssname">decode:false</view>
<text>{{text}}</text>
</view>
// pages/component/pages/text/text.js
Page({
data: {
text: ' < > & '    ',
space: [
{ type: 'nbsp', text: '空格 根据字体设置的空格大小' },
{ type: 'ensp', text: '空格 中文字符空格一半大小' },
{ type: 'emsp', text: '空格 中文字符空格大小' },
]
}
})