微信小程序学习(八):text组件

text文本组件

特点:

1>  支持转义符"\";

2> 组件内只支持嵌套。中间不能嵌套其他任何组件;

3> 该组件中的内容可以通过长按进行选中的,其他组件中的内容都不支持长按选中。

微信小程序学习(八):text组件_第1张图片

界面渲染代码:

[css]代码区

.btn {  

margin-top: 30px;  

display: flex;  

flex-direction: column;  

justify-content: space-around;  

align-items:center;  

margin-left: 20px;  

margin-right: 20px;  

}  


text {  

margin-top: 10px;  

font-size: 25px;  

}  

控制层代码:

[javascript]代码区

//logs.js  

var util = require('../../utils/util.js')  

Page({  

  data: {  

// {{text}}  

text:"这里的内容是通过js设置的变量"  

  }  

})  

再次提示:如果界面文本的固定的建议使用第一种text组件形式,如果文本是会改变的,用第三种方法,通过修改控制层变量的值实现页面变化

你可能感兴趣的:(微信小程序学习(八):text组件)