微信小程序_基礎(chǔ)組件

---

微信小程序?yàn)?a href="http://chinadenli.net/xiaochengx.html" target="_blank">小程序開(kāi)發(fā)者提供了一系列小程序基礎(chǔ)組件，開(kāi)發(fā)者可以通過(guò)組合這些小程序基礎(chǔ)組件進(jìn)行微信小程序的快速開(kāi)發(fā)。

長(zhǎng)壽網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、響應(yīng)式網(wǎng)站設(shè)計(jì)等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)于2013年開(kāi)始到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

微信小程序組件是什么？微信小程序組件怎么用？

• 小程序組件是視圖層的基本組成單元。

• 小程序組件自帶一些功能與微信風(fēng)格的樣式。

• 一個(gè)小程序組件通常包括開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽，屬性用來(lái)修飾這個(gè)組件，內(nèi)容在兩個(gè)標(biāo)簽之內(nèi)。

  <tagname property="value">
    Content goes here ...
  </tagename>

  注意：所有小程序組件與屬性都是小寫(xiě)，以連字符-連接

一、微信小程序_屬性類(lèi)型

---

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

二、微信小程序_共同屬性類(lèi)型

---

所有組件都有的屬性：

屬性名	類(lèi)型	描述	注解
id	String	組件的唯一標(biāo)示	保持整個(gè)頁(yè)面唯一
class	String	組件的樣式類(lèi)	在對(duì)應(yīng)的wxss中定義的樣式類(lèi)
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	組件的事件	詳見(jiàn)事件

三、微信小程序_特殊屬性

---

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

四、微信小程序_組件列表

---

微信小程序基礎(chǔ)組件分為以下八大類(lèi)：

小程序視圖容器(View Container)：

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

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

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

小程序表單(Form)：

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

小程序?qū)Ш?Navigation)：

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

小程序多媒體(Media)：

組件名	說(shuō)明
audio	音頻
image	圖片
video	視頻

小程序地圖(Map)：

組件名	說(shuō)明
map	地圖

小程序畫(huà)布(Canvas)：

組件名	說(shuō)明
canvas	畫(huà)布

小程序客服會(huì)話：

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

標(biāo)題名稱(chēng)：微信小程序_基礎(chǔ)組件大全
文章路徑：http://chinadenli.net/article18/gsgddp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站收錄、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、定制網(wǎng)站、建站公司、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)