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 | 字体下边距 |