微信小程序组件解读和分析：五、text文本

text文本组件说明:

text 文本就是微信小程序中显示出来的文本。

text文本组件的示例代码运行效果如下：

 

下面是WXML代码：

 

[XML] 纯文本查看 复制代码

1 2 3 4

<view > <text>我是文本组件</text> </view> <text>{{text}}</text>

下面是JS代码：

[JavaScript] 纯文本查看 复制代码

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23

Page({ /**   * 初始化数据   */ data:{ text:"我是在js文件中绑定的文本" }, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 }, onReady:function(){ // 页面渲染完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ // 页面关闭 } })

text文本的主要属性：

 

属性	描述
font-size	字体大小
color	字体颜色
font-style	字体样式
margin-top	字体上边距
margin-bottom	字体下边距