溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

微信小程序組件列表的示例分析

發(fā)布時(shí)間：2022-03-15 10:49:48 來源：億速云 閱讀：259 作者：小新 欄目：開發(fā)技術(shù)

這篇文章將為大家詳細(xì)講解有關(guān)微信小程序組件列表的示例分析，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

基礎(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 對(duì)象{ key: value }
EventHandler 事件處理函數(shù)名"handlerName"是Page中定義的事件處理函數(shù)名
Any 任意屬性  

共同屬性類型

所有組件都有的屬性：

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

特殊屬性

幾乎所有組件都有各自定義的屬性，可以對(duì)該組件的功能或樣式進(jìn)行修飾，請(qǐng)參考各個(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ì)話按鈕

關(guān)于“微信小程序組件列表的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手