应用程序开发公司
软件开发

针对您的项目需求及预算规划量身制定方案

个体/中小企业/集团/政府机构/行业组织 了解详情 了解详情

微信小程序把玩《四》:text组件,progress组件,button组件

发布时间:2024-01-01 00:00 浏览次数:35

一: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







js


Page({


data:{


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


},


/**


* button页面事件监听


*/


clickButton: function(e) {


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


console.log(e);


},


onLoad:function(options){


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


},


onReady:function(){


// 页面图形顺利完成


},


onShow:function(){


// 页面表明


},


onHide:function(){


// 页面暗藏


},


onUnload:function(){

TAG标签:
阅读推荐