<view ><text>我是文本組件</text></view><text>{{text}}</text>
Page({/*** 初始化數(shù)據(jù)*/data:{text:"我是在js文件中綁定的文本"},onLoad:function(options){// 頁面初始化 options為頁面跳轉所帶來的參數(shù)},onReady:function(){// 頁面渲染完成},onShow:function(){// 頁面顯示},onHide:function(){// 頁面隱藏},onUnload:function(){// 頁面關閉}})
<progresspercent="80"show-info="true"stroke-width="5"color="red"active="true"/>
button按鈕用的算是最普遍的組件之一。
<!--按鈕默認樣式,點擊事件--><button type="defaule" bindtap="clickButton">Defalut</button><!--原始顏色,不可點擊狀態(tài), 正在加載狀態(tài)--><button type="primary" disabled="true" loading="true">Primary</button><button type="warn">warn</button>
Page({data:{// text:"這是一個頁面"},/*** button點擊事件監(jiān)聽*/clickButton: function(e) {//打印所有關于點擊對象的信息console.log(e);},onLoad:function(options){// 頁面初始化 options為頁面跳轉所帶來的參數(shù)},onReady:function(){// 頁面渲染完成},onShow:function(){// 頁面顯示},onHide:function(){// 頁面隱藏},onUnload:function(){// 頁面關閉}})