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

Posted 微信开发--51小程序

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序组件解读和分析:text文本相关的知识,希望对你有一定的参考价值。

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文本的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序组件解读和分析:progress进度条

微信小程序组件解读和分析:十switch 开关选择器

微信小程序组件解读和分析:七button按钮

微信小程序组件解读和分析:swiper滑块视图

微信小程序组件解读和分析:十radio单选项目

微信小程序组件解读和分析:十picker滚动选择器