如何使用微信小程序text空格

　　微信小程序text空格到底有什么用呢?可以实现小程序什么功能?在这之前大家可能要先学习一些关于微信小程序text组件的相关内容，一起来看看。

　　微信小程序商店--text组件学习

　　小程序api手册指出

　　文本节点，支持转义符""。

　　除了文本节点以外的其他节点都无法长按选中

　　[html] view plain copy print?

　　video

　　视频

　　demo

　　demo

　　{{text}}

　　add line

　　remove line

　　运行结果如图：

　　小程序字体大小设置

　　例如 title 文本，，对应有个属* class="page_title" , 找到项目中 对应的 .wxss 文件配置

　　.page__title{

　　font-size: 20px;

　　}

　　font-size:20px; 就是设置字体大小的。

　　字体颜色设置

　　同上，在对应class 属*中加上

　　color: #888888;

　　字体样式设置

　　对应有属* font-family font-style 这个可以根据个人需要添加了

　　控制字体换行显示

　　可以采用 标签 将text组件包裹起来，作为父标签，就可以作为新的一行

　　或者采用 设置class 属* 加上 display: block;

　　控制字体距离周围边距

　　在class 属*中 根据需要采用 margin-top， margin-bottom ，padding 等 这类属*

　　字体动态获取方式

　　{{text}}

　　这里文本静态内容，改成 {{text}} ，然后在对应的 .js 文件中，

　　[html] view plain copy print?

　　Page( {

　　data: {

　　text:'hello me'

　　},

　　这样text 文字就可以显示为如图中 hello me

　　字体事件点击监听

　　[html] view plain copy print?

　　{{motto}}

　　对view 添加 bindtap 属*， 这里toast 可以自定义名称，然后在对应的 .js 文件中，

　　[html] view plain copy print?

　　//事件处理函数 点击text

　　toast: function() {

　　....

　　},

　　字体文本内容更改或显示

　　[html] view plain copy print?

　　toast: function() {

　　this.setData({ motto:"远程返回结果："})

　　},

　　采用 this.setData() 即可， this 代表当前组件对象， motto 是文本名称，

　　以上就是关于微信小程序text组件的相关资料，应该还比较详细了，知道了这些，想要使用微信小程序text空格就会更容易找到方法。

　　微信小程序空格代码，小程序实用代码大全

　　微信小程序空格代码有什么作用?

　　微信小程序空格字符的处理方式