首页 > 微信小程序 > 小程序开发 > 微信小程序组件text文本 解读和分析介绍

微信小程序组件text文本 解读和分析介绍

高洛峰
发布: 2017-03-20 15:01:01
原创
2687 人浏览过

text文本组件说明:

text 文本就是微信小程序中显示出来的文本。


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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板