微信小程序把玩《四》：text组件，progress组件，button组件

一：text组件

通常文本设置必须无此wxml中设置，再要不就是通过weml存取在js中设置文字。

wxml

我就是文本组件

{{text}}

js

Page({

/**

* 初始化数据

*/

data:{

text:"我就是在js文件中存取的文本"

},

onLoad:function(options){

// 页面初始化 options为页面重定向所增添的参数

},

onReady:function(){

// 页面图形顺利完成

},

onShow:function(){

// 页面表明

},

onHide:function(){

// 页面暗藏

},

onUnload:function(){

// 页面停用

}

})

二：progress组件

进度条叙述的就是一种读取的状态，比如说软件升级浏览进度， 视频，图片下载进度…

主要属性：

wxml

percent="80"

show-info="true"

stroke-width="5"

color="red"

active="true"/>

三：button组件

button按钮用的称得上最广泛的组件之一。

主要属性：

wxml

Defalut

Primary

warn

js

Page({

data:{

// text:"这就是一个页面"

},

/**

* button页面事件监听

*/

clickButton: function(e) {

//列印所有关于页面对象的信息

console.log(e);

},

onLoad:function(options){

// 页面初始化 options为页面重定向所增添的参数

},

onReady:function(){

// 页面图形顺利完成

},

onShow:function(){

// 页面表明

},

onHide:function(){

// 页面暗藏

},

onUnload:function(){