wxml練習(xí)筆記

小程序每個(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)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,947評論 18 139
  • Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架,建立于...
    Hsinwong閱讀 22,549評論 1 92
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,068評論 0 0
  • 一:在制作一個(gè)Web應(yīng)用或Web站點(diǎn)的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護(hù)性以及技術(shù)因素的...
    Arno_z閱讀 1,212評論 0 1
  • 我在知乎上的回答:原文鏈接,如何使用TimeMeter做好時(shí)間記錄? 最初接觸到TimeMeter是2013年9月...
    劍飛在思考閱讀 8,117評論 4 23