代碼Github地址
一. 屬性說明
| 屬性名 |
類型 |
默認(rèn)值 |
說明 |
| selectable |
Boolean |
false |
是否支持文本的選中功能 |
| space |
String |
false |
顯示連續(xù)空格硕淑。 |
| decode |
Boolean |
false |
是否解碼 decode可以解析的有 < > & '    
|
- space 設(shè)置space的不同值肥败，可以讓文本中的空格顯示不同的間距食零。 這三個(gè)也叫不換號(hào)空格懊渡。 意思是前后字符和這個(gè)空格符號(hào)作為一個(gè)整體迷捧。不會(huì)中間換行。
- ensp-> 中文字符空格一半大小幸乒。
- emsp-> 中文字符空格大小.
- nbsp-> 根據(jù)字體設(shè)置的空格大小
- decode 可以解析字符實(shí)體懦底。
| 顯示結(jié)果 |
描述 |
實(shí)體名稱 |
|
空格 根據(jù)字體設(shè)置的空格大小 |
|
|
空格 中文字符空格大小 |
  |
|
空格 中文字符空格一半大小 |
  |
| < |
小于號(hào) |
< |
| > |
大于號(hào) |
> |
| & |
和號(hào) |
& |
- text 支持 \n 換行
- 應(yīng)用 首段縮進(jìn)兩個(gè)字的間距
// 一定要開啟是否解碼(decode). 文本前面加上 `  `
<text decode="{{true}}">  首行空兩格\n第二行</text>
注意：space是針對(duì)文本中的空格符號(hào)。decode是針對(duì)文本中存在的字符實(shí)體罕扎。
二. 代碼
<view class="container">
<text class="text" selectable="{{false}}" space="ensp">中文 字符空格一半大小</text>
<text class="text" space="emsp">中文 字符空格大小</text>
<text class="text" space="nbsp">根據(jù) 字體設(shè)置的空格大小</text>
</view>
<text decode="{{true}}">  首行空兩格\n第二行</text>
.container {
display: flex;
flex-direction: column;
}
.text {
font-size: 50rpx;
}
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
