当前位置：首页 > 微信 > 正文

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

点击查看原文

上一篇
微信小程序组件解读和分析：四、icon图标

下一篇
微信小程序组件解读和分析：六、progress进度条

相关文章

最新文章