微信小程序 視圖層(wxml,wxss)
豐富的組件:https://developers.weixin.qq.com/miniprogram/dev/component/
全局樣式:app.wxss
頁面+頁面樣式:page.wxml +page.wxss
視圖層將邏輯層的數據反映成視圖,同時將視圖層的事件發送給邏輯層。
框架為開發者提供了一系列基礎組件,開發者可以通過組合這些基礎組件進行快速開發。
什麽是組件:(所有組件與屬性都是小寫,以連字符-
連接)
- 組件是視圖層的基本組成單元。
- 組件自帶一些功能與微信風格的樣式。
-
一個組件通常包括
開始標簽
和結束標簽
,屬性
用來修飾這個組件,內容
在兩個標簽之內。
屬性類型:Boolean、Number、String、Array、Object、EventHandler
共同屬性類型:id、class、style、hidden、data-*、bind* / catch*
組件分類:視圖容器、基礎內容、表單組件、導航、媒體組件、地圖、畫布等。
視圖容器:
view:視圖容器
scroll-view:可滾動視圖容器
swiper:滑塊視圖容器
基礎內容:
icon: 圖標
text:文字
progress:進度條
表單組件:
button:按鈕
form:表單
input:輸入框
checkbox:多項選擇器
radio:單項選擇器
picker:列表選擇器
picker-view:內嵌列表選擇器
slider:滾動選擇器
switch:開關選擇器
label:標簽
導航:
navigator:應用鏈接
媒體組件:
audio:音頻
image:圖片
video:視頻
地圖:
map:地圖
畫布:
canvas:畫布
微信小程序 視圖層(wxml,wxss)