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

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

<view > <text>我是文本组件</text></view><text>{{text}}</text>js

Page({ /** * 初始化数据 */ data:{ text:"我是在js文件中绑定的文本" }, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 }, onReady:function(){ // 页面渲染完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ // 页面关闭 }})二：progress组件

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

wxml

<progress percent="80" show-info="true" stroke- color="red" active="true"/>三：button组件

button按钮用的算是最普遍的组件之一。

主要属性：

wxml

<!--按钮默认样式，点击事件--><button type="defaule" bindtap="clickButton">Defalut</button><!--原始颜色，不可点击状态， 正在加载状态--><button type="primary" disabled="true" loading="true">Primary</button><button type="warn">warn</button>js

Page({ data:{ // text:"这是一个页面" }, /** * button点击事件监听 */ clickButton: function(e) {//打印所有关于点击对象的信息console.log(e); }, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 }, onReady:function(){ // 页面渲染完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ // 页面关闭 }})

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。