小程序中的常用標籤也是就是我們常用的這些
view 這個標籤相當於div(它的特點就是在沒有其他樣式影響的情況下,寬度100%);
text 這個標籤相當於span(它的特點就是在沒有其他樣式影響的情況下,不會獨佔一行,寬和高由內容撐開,這個時候你設置寬高是沒有用的);
image 這個標籤比較重要,圖片組件。src裏面可以放網絡地址和本地圖片地址。
button 這個是按鈕組件。
input 這個是輸入框組件。
navigator 這個是導航組件。
view(視圖容器)、rich-text(富文本)、swiper(滑塊視圖容器)、icon(圖標)、text(文字)、progress(進度條)、button(按鈕)、form(表單)、input(輸入框)、checkbox(多項選擇器)、radio(單項選擇器)、picker(列表選擇器)、slider(滾動選擇器)、switch(開關選擇器)、textarea(多行輸入框)、label(標籤)、navigator(應用鏈接)、audio(音頻)、image(圖片)、video(視頻)、camera(系統相機)、map(地圖)、scroll-view(可滾動視圖容器)、picker-view(內嵌列表選擇器)、canvas(畫布)movable-area(可移動區域)、movable-view(可移動的視圖容器)、cover-view(覆蓋視圖)、cover-image(覆蓋圖片)、functional-page-navigator(跳轉到插件功能頁)、live-player(實時音視頻播放)、live-pusher(實時音視頻錄製)
二、wxss 選擇器
HTML5 | 微信小程序 |
div(標籤選擇器) | view、text、icon、input、image、navigator(標籤選擇器) |
class(類選擇器) | class |
id(id選擇器)(效率最高) | id(效率最高) |
element,element(層級選擇器) | element,element(層級選擇器) |
:after(僞類選擇器) | :after :before |
:frist-child等 | :frist-child等(不建議(工具過濾易導致頁面錯亂)) |
.class .class | .class .class(不建議(工具過濾易導致頁面錯亂)) |
羣組選擇器 | 羣組選擇器 |
後代選擇器 | 後代選擇器 |