text 组件，progress 组件，button 组件

text 组件

01

通常文本设置要不在 wxml 中设置，再要不就是通过 weml 绑定在 js 中设置文字。

wxml

我是文本组件

{}

js

Page({

/**

初始化数据

*/

data:{

text:"我是在 js 文件中绑定的文本"

},

onLoad:function(options){

// 页面初始化 options 为页面跳转所带来的参数

},

onReady:function(){

页面渲染完成

},

onShow:function(){

页面显示

},

onHide:function(){

页面隐藏

},

onUnload:function(){

页面关闭

}

})

progress 组件

02

进度条描述的是一种加载的状态，比如软件升级下载进度， 视频，图片下载进度…

主要属性：

wxml

percent="80"

show-info="true"

stroke-width="5"

color="red"

active="true"/>

button 组件

03

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(){

页面关闭

}

})