微信小程序组件解读和分析：五、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	字体下边距

点击查看原文​。更多微信小程序教程及定制小程序相关内容，请查看51小程序论坛。