微信小程序开发者交流群

admin

admin

发表于 2017-07-01 13:02:47

摘要:微信小程序开发者社区(www.mntuku.cn)为您提供:微信小程序学习实践记录《四》:text组件,progress进度条
相关的资讯,希望对您有帮助。

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

一:text组件text文本组件特点:1 支持转义符;2 text/组件内只支持text/嵌套。中间不能嵌套其他任何组件;3 该组件中的内容可以通过长按进行选中的,其他组件中的内容都不支持长按选中。界面渲染代码:view plai ...

一:text组件

text文本组件

特点:

1>  支持转义符;

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

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

界面渲染代码:

[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}}  
  6.     text:这里的内容是通过js设置的变量  
  7.   }  
  8. })  

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

progress进度条控件:

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

1.控件参数

2.属性对控件的影响

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


118阅读 | 0评论
你的回应