微信小程序官方基礎(chǔ)組件庫,微信小程序組件列表

—— 2017 ——

12/25

00:00

來源：

作者：未知

欄目：小程序開發(fā)

2017/12/25 0:00:00 來源：不詳作者：未知

基礎(chǔ)組件

框架為開發(fā)者提供了一系列基礎(chǔ)組件，開發(fā)者可以通過組合這些基礎(chǔ)組件進(jìn)行快速開發(fā)。

什么是組件：

組件是視圖層的基本組成單元。
組件自帶一些功能與微信風(fēng)格的樣式。
一個(gè)組件通常包括開始標(biāo)簽和結(jié)束標(biāo)簽，屬性用來修飾這個(gè)組件，內(nèi)容在兩個(gè)標(biāo)簽之內(nèi)。
```
<tagname property="value">
  Content goes here ...
</tagename>
```
注意：所有組件與屬性都是小寫，以連字符-連接

屬性類型

類型	描述	注解
Boolean	布爾值	組件寫上該屬性，不管該屬性等于什么，其值都為`true`，只有組件上沒有寫該屬性時(shí)，屬性值才為`false`。如果屬性值為變量，變量的值會(huì)被轉(zhuǎn)換為Boolean類型
Number	數(shù)字	`1`, `2.5`
String	字符串	`"string"`
Array	數(shù)組	`[ 1, "string" ]`
Object	對象	`{ key: value }`
EventHandler	事件處理函數(shù)名	`"handlerName"`是Page中定義的事件處理函數(shù)名
Any	任意屬性

共同屬性類型

所有組件都有的屬性：

屬性名	類型	描述	注解
id	String	組件的唯一標(biāo)示	保持整個(gè)頁面唯一
class	String	組件的樣式類	在對應(yīng)的wxss中定義的樣式類
style	String	組件的內(nèi)聯(lián)樣式	可以動(dòng)態(tài)設(shè)置的內(nèi)聯(lián)樣式
hidden	Boolean	組件是否顯示	所有組件默認(rèn)顯示
data-*	Any	自定義屬性	組件上觸發(fā)的事件時(shí)，會(huì)發(fā)送給事件處理函數(shù)
bind* / catch*	EventHandler	組件的事件	詳見事件

特殊屬性

幾乎所有組件都有各自定義的屬性，可以對該組件的功能或樣式進(jìn)行修飾，請參考各個(gè)組件的定義。

組件列表

基礎(chǔ)組件分為以下八大類：

視圖容器(View Container)：

組件名	說明
view	視圖容器
scroll-view	可滾動(dòng)視圖容器
swiper	可滑動(dòng)的視圖容器

基礎(chǔ)內(nèi)容(Basic Content)：

組件名	說明
icon	圖標(biāo)
text	文字
progress	進(jìn)度條

表單(Form)：

標(biāo)簽名	說明
button	按鈕
form	表單
input	輸入框
checkbox	多項(xiàng)選擇器
radio	單項(xiàng)選擇器
picker	列表選擇器
picker-view	內(nèi)嵌列表選擇器
slider	滑動(dòng)選擇器
switch	開關(guān)選擇器
label	標(biāo)簽

導(dǎo)航(Navigation)：

組件名	說明
navigator	應(yīng)用內(nèi)跳轉(zhuǎn)

多媒體(Media)：

組件名	說明
audio	音頻
image	圖片
video	視頻

地圖(Map)：

組件名	說明
map	地圖

畫布(Canvas)：

組件名	說明
canvas	畫布

客服會(huì)話：

組件名	說明
contact-button	進(jìn)入客服會(huì)話按鈕

更多微信小程序開發(fā)教程，可以關(guān)注。

【本站聲明】
1、本站文章中所選用的圖片及文字來源于網(wǎng)絡(luò)以及用戶投稿，由于未聯(lián)系到知識(shí)產(chǎn)權(quán)人或未發(fā)現(xiàn)有關(guān)知識(shí)產(chǎn)權(quán)的登記，如有知識(shí)產(chǎn)權(quán)人并不愿意我們使用，如果有侵權(quán)請立即聯(lián)系。
2、本網(wǎng)站不對文章中所涉及的內(nèi)容真實(shí)性、準(zhǔn)確性、可靠性負(fù)責(zé)，僅系客觀性描述，如您需要了解該類商品/服務(wù)詳細(xì)的資訊，請您直接與該類商品/服務(wù)的提供者聯(lián)系。

KESION 科汛軟件
KESION 科汛軟件是國內(nèi)領(lǐng)先的在線教育軟件及私域社交電商軟件服務(wù)提供商，長期專注于為企業(yè)提供在線教育軟件及社交電商SaaS平臺(tái)解決方案。
公司核心產(chǎn)品云開店SaaS社交電商服務(wù)平臺(tái)、在線教育SaaS服務(wù)平臺(tái)、教育企業(yè)數(shù)字化SaaS云平臺(tái)、企微營銷助手、私有化獨(dú)立部署品牌網(wǎng)校和在線教育咨詢等。
KESION 不斷通過技術(shù)創(chuàng)新，提供產(chǎn)品和服務(wù)，助力企業(yè)向數(shù)字化轉(zhuǎn)型，通過科技驅(qū)動(dòng)商業(yè)革新，讓商業(yè)變得更智慧！

▼點(diǎn)擊進(jìn)入科汛官網(wǎng)了解更多

熱門標(biāo)簽

微信小程序開發(fā) 微信小程序

上/下篇

微信小程序性能優(yōu)化,小程序Trace 導(dǎo)出工具

微信 Andoid 6.5.10 開始，我們提供了 Trace 導(dǎo)出工具，開發(fā)者可以在開發(fā)者工具 Trace Panel 中使用該功能。使用方法 PC 上需要先安裝 adb 工具，可以參考一些主流教

微信小程序開發(fā)微信小程序SaaS 2017/12/25 0:00:00
微信小程序可滾動(dòng)視圖區(qū)域scroll-view,scroll-view可滾動(dòng)視圖區(qū)域

scroll-view 可滾動(dòng)視圖區(qū)域。屬性名類型默認(rèn)值說明 scroll-x Boolean false 允許橫向滾動(dòng) scroll-y Boolean false 允許縱向滾動(dòng) upper

微信小程序開發(fā)微信小程序 2017/12/22 0:00:00