微信小程序组件解读和分析:text文本
Posted 微信开发--51小程序
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序组件解读和分析: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文本的主要内容,如果未能解决你的问题,请参考以下文章