首页 > 代码库 > 微信小程序组件解读和分析:五、text文本
微信小程序组件解读和分析:五、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 | 字体下边距 |
点击查看原文
微信小程序组件解读和分析:五、text文本
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。