039 ∞ 基础：text
本帖最后由 不二如是 于 2018-6-17 10:34 编辑http://xxx.fishc.com/forum/201805/02/171248f4zdsipf6d4qjnjl.png
上一讲我们搞定了icon类，本次来学习text类的基础内容。
text，文本。
有以下几个属性：
属性名 类型 默认值 说明
selectable Boolean false 文本是否可选 (基础库 1.1.0 开始支持，低版本需做兼容处理。)
space String false 显示连续空格 (基础库 1.4.0 开始支持，低版本需做兼容处理。)
decode Boolean false 是否解码 (基础库 1.4.0 开始支持，低版本需做兼容处理。)
space有效值：
值 说明
ensp 中文字符空格一半大小
emsp 中文字符空格大小
nbsp 根据字体设置的空格大小
decode可以解析的有 < > & '    
各个操作系统的空格标准并不一致。
<text/> 组件内只支持 <text/> 嵌套。
除了文本节点以外的其他节点都无法长按选中。
代码index.wxml：
<view class="btn-area">
<view class="body-view">
<text>{{text}}</text>
<button bindtap="add">新增一行</button>
<button bindtap="remove">移除一行</button>
</view>
</view>
index.js：
var initData = '俺乃第一行\n在下，第二行'
var extraLine = [];
Page({
data: {
text: initData
},
add: function (e) {
extraLine.push('FishC is Coming!')
this.setData({
text: initData + '\n' + extraLine.join('\n')
})
},
remove: function (e) {
if (extraLine.length > 0) {
extraLine.pop()
this.setData({
text: initData + '\n' + extraLine.join('\n')
})
}
}
})
课后作业
1、根据提示选择所对应的space值：
a.emsp b.enspc.nbsp
//中文字符空格一半大小
？
//中文字符空格大小
？
//根据字体设置的空格大小
？
答案：
**** Hidden Message *****
如果有收获，别忘了评分{:10_281:} ：
http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif
这位鱼油，如果喜欢小程序，请订阅 专辑☞（传送门）（不喜欢更要订阅{:10_297:} ）
http://xxx.fishc.com/forum/201803/21/151715umqz1qoywp11wjbq.gif
页:
[1]