不推薦使用HTML標簽,但實際上如果開發者寫了div等標簽,也會被編譯器轉換為view標簽,類似的還是有span轉text、a轉navigator等。
1:基於組件組合成復雜的組件
2:DCloud提供了擴展組件框架uni-ui,
3:第三方開發的組件也收錄到插件市場
什么是組件:
<template> <view> <tagname property="value"> content </tagname> </view> </template>
Tips
- 所有組件與屬性名都是小寫,單詞之間以連字符
-
連接。 - 根節點為
<template>
,這個<template>
下只能有一個根組件。 - 平台差異說明若無特殊說明,則表示所有平台均支持。
屬性類型:
共同屬性類型:
所有組件有自己特殊的屬性
組件列表
- 視圖容器(View Container)
- 基礎內容(Basic Content):
- 表單組件(Form):
- 導航(Navigation):
- 媒體組件(Media):
- 地圖(Map):
- 畫布(Canvas):
- webview(Web-view):
- 平台開放數據(Open-data):
uni-ui是DCloud提供的一個跨端ui庫,它是基於vue組件的、flex布局的、無dom的跨全端ui框架
uni-ui不包括基礎組件,它是基礎組件的補充
uni-ui支持2種方式:npm安裝和zip下載安裝