找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

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

作者:模板之家 2018-1-30 10:39 3485人关注

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

一:text组件

text文本组件

 

特点:

 

1>  支持转义符"\";

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

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

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

progress进度条控件:

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

1.控件参数

2.属性对控件的影响

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



路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)