欢迎光临,了解微信小程序开发,就上易用通!

微信小程序学习实践记录《四》:text组件,progress进度条

发布:2018-01-30 10:39浏览: 来源:网络 作者:cola

一:text组件

text文本组件

 

特点:

 

1>  支持转义符"\";

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

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

微信小程序学习实践记录《四》:text组件,progress进度条(图1)

界面渲染代码:

 

[css] view plain copy
 
  1. .btn {  
  2.   margin-top30px;  
  3.   display: flex;  
  4.   flex-direction: column;  
  5.   justify-content: space-around;  
  6.   align-items: center;  
  7.   margin-left20px;  
  8.   margin-right20px;  
  9. }  
  10.   
  11. text {  
  12.   margin-top10px;  
  13.   font-size25px;  
  14. }  

 

控制层代码:

 

[javascript] view plain copy
 
  1. //logs.js  
  2. var util = require('../../utils/util.js')  
  3. Page({  
  4.   data: {  
  5.     // <text>{{text}}</text>  
  6.     text:"这里的内容是通过js设置的变量"  
  7.   }  
  8. })  

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

progress进度条控件:

主要用于一项任务的完成进度,例如:数据下载进度、视频播放进度、安装进度等。

1.控件参数

微信小程序学习实践记录《四》:text组件,progress进度条(图2)

2.属性对控件的影响

微信小程序学习实践记录《四》:text组件,progress进度条(图3)

show-info和active默认为false,如果为true的时候可以不写属性值,也可以写为active=“true”






免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。