微信小程序_基礎(chǔ)組件
微信小程序?yàn)?a 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)。
Content goes here ...
注意：所有小程序組件與屬性都是小寫(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)：
小程序畫(huà)布(Canvas)：
小程序客服會(huì)話(huà)：
| 組件名 | 說(shuō)明 | | contact-button | 進(jìn)入客服會(huì)話(huà)按鈕 |
當(dāng)前名稱(chēng)：微信小程序_基礎(chǔ)組件大全
網(wǎng)站地址：
http://weahome.cn/article/gsgddp.html
重慶分公司
重慶分公司
