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

text组件,progress进度条

发布:2018-01-25 14:45浏览: 来源:网络 作者:tianshu

一:text组件text文本组件
特点:

1>  支持转义符"\";

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

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

text组件,progress进度条(图1)
界面渲染代码:

  1. [css] view plain copy
  2. .btn {  
  3.   margin-top: 30px;  
  4.   display: flex;  
  5.   flex-direction: column;  
  6.   justify-content: space-around;  
  7.   align-items: center;  
  8.   margin-left: 20px;  
  9.   margin-right: 20px;  
  10. }  
  11.   
  12. text {  
  13.   margin-top: 10px;  
  14.   font-size: 25px;  
  15. }  




控制层代码:

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

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

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

1.控件参数
text组件,progress进度条(图2)
2.属性对控件的影响
text组件,progress进度条(图3)

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





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