text 文本就是微信小程序中显示出来的文本。
text文本组件的示例代码运行效果如下:
下面是WXML代码:
<view > <text>我是文本组件</text> </view> <text>{{text}}</text>
下面是JS代码:
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文本 解读和分析介绍的详细内容,更多请关注php中文网其它相关文章!
……