小程序每個(gè)頁面由4部分組成:wxml(頁面展示)颠猴、wxss(樣式文件)纤控、js(事件處理)、json(配置文件)
數(shù)據(jù)綁定類似于AngularJs的數(shù)據(jù)綁定(“{{value}} ”綁定數(shù)據(jù)),數(shù)據(jù)初始化時(shí)在js文件的Page()函數(shù)里的data對象中
view標(biāo)簽:視圖標(biāo)簽,默認(rèn)換行圣蝎,類似于div標(biāo)簽
icon標(biāo)簽:展示圖標(biāo) type屬性用于展示什么樣的圖標(biāo)如:clear,success衡瓶,info徘公,warn等,size:圖標(biāo)大小
process標(biāo)簽:進(jìn)度條哮针,percent:進(jìn)度关面,stroke-width;寬度十厢,active:動(dòng)態(tài)增加等太,color:顏色,show-info:展示數(shù)字進(jìn)度
button標(biāo)簽:size:按鈕大新拧(只有倆個(gè)值:mini缩抡,default),type:類型(改變顏色包颁,default瞻想,warn,primary)娩嚼,plain:是否鏤空蘑险,背景透明(true/false),?loading(名稱前是否帶下載圖標(biāo))岳悟,form-type:用作表單按鈕(submit/reset)佃迄,hover-class(點(diǎn)擊下去的樣式類, 目前在無type屬性并且plain為false時(shí)才能生效 )
input: 輸入框 type表示類型贵少,里面沒有password和屎,password單獨(dú)作為屬性表示輸入密碼 auto-focus:自動(dòng)聚焦 ?placeholder-class:指定占位符的樣式類
checkbox:最外圍是checkbox-group 內(nèi)部包含checkbox,可以添加checked來默認(rèn)選中春瞬,color用于改變對勾的顏色柴信,checkbox-group可以綁定bindchange事件
Picker(選擇器):mode屬性用來控制選擇器類別(selector 普通選擇器,time 時(shí)間選擇器宽气,date 日期選擇器) value:當(dāng)前選擇的值随常,range:變化范圍潜沦,
對于time選擇器和date選擇器需要設(shè)定start和end屬性來確定起止范圍(不能設(shè)定range)改變選擇器的值需要綁定變化函數(shù)(bindchange)