欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  微信小程序

解读和分析微信小程序组件:五、text文本

程序员文章站 2022-04-10 19:14:10
...
text文本组件说明:

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

下面是WXML代码:

[XML] 纯文本查看 复制代码

<view >
<text>我是文本组件</text>
</view>
<text>{{text}}</text>

下面是JS代码:

[JavaScript] 纯文本查看 复制代码

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文本的详细内容,更多请关注其它相关文章!