微信小程序把玩四text组件progress组件button组件.pdf

微信小程序把玩《四》：text 组件，progress 组件，button 组件 一：text 组件 通常文本设置要不在 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-width=5 color=red active=true/ 三：button 组件 button 按钮用的算是最普遍的组件之一。 主要属性： wxml !--按钮默认样式，点击 -- button type=defaule bindtap=clickButtonDefalut/button !--原始颜色，不可点击状态， 正在加载状态-- button type=primary disabled=true loading=truePrimary/button button type=warnwarn/button js Page({ data:{ // text:这是一个页面 }, /** * button 点击 */ clickButton: function(e) { //打印所有关于点击对象的信息 console.log(e); }, onLoad:function(options){ // 页面初始化 options 为页面跳转所带来的参数 }, onReady:function(){ // 页面渲染完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ // 页面关闭 } })