組件列表

智能小程序組件，是對數(shù)據(jù)和方法進行封裝的小程序視圖控件，擁有自己的屬性和方法，可幫助開發(fā)者拼裝完成自己的智能小程序頁面。由于組件可能被轉(zhuǎn)譯為不同端對應的代碼，所以在頁面創(chuàng)建過程中，禁止使用智能小程序組件標簽以外的標簽（例如：HTML 中 script/link/iframe 標簽）。
本文匯總了智能小程序提供的所有組件，具體組件信息可參閱對應文檔。

成都創(chuàng)新互聯(lián)是一家專業(yè)提供龍川企業(yè)網(wǎng)站建設,專注與成都網(wǎng)站設計、成都網(wǎng)站建設、html5、小程序制作等業(yè)務。10年已為龍川眾多企業(yè)、政府機構(gòu)等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設計公司優(yōu)惠進行中。

視圖容器

組件名稱	解釋
cover-image	圖片視圖。覆蓋在原生組件之上可覆蓋的原生組件同 cover-view，支持嵌套在 cover-view 里
cover-view	文本視圖。覆蓋在原生組件之上，只支持嵌套 cover-view、cover-image 組件
movable-area	可移動視圖區(qū)域。movable-view 的可移動區(qū)域
movable-view	可移動的視圖容器。在頁面中可以拖拽滑動，movable-view 必須在 movable-area 組件中，并且必須是直接子節(jié)點，否則不能移動
scroll-view	可滾動視圖區(qū)域?？蓪崿F(xiàn)橫向滾動和豎向滾動。使用豎向滾動時，需要給定一個固定高度，可以通過 css 來設置 height
swiper	滑塊視圖容器。內(nèi)部只允許使用組件描述滑塊內(nèi)容，否則會導致未定義的行為
swiper-item	滑塊視圖容器子項。僅可放置在組件中，寬高自動設置為 100%
view	視圖容器。相當于 html 中的 div ，可將頁面分割為獨立的、不同的部分。如果需要使用滾動視圖，請使用 scroll-view

基礎(chǔ)內(nèi)容

組件名稱	解釋
icon	圖標。放置圖標的元素
progress	進度條
rich-text	富文本。nodes 屬性推薦使用 Array 類型，由于組件會將 String 類型轉(zhuǎn)換為 Array 類型，因而性能會有所下降
text	文本。放置文本的元素

表單組件

組件名稱	解釋
button	按鈕
checkbox	多選項目
checkbox-group	多選項目組。內(nèi)部由多個 checkbox 組成
form	表單。將 form 組件內(nèi)用戶輸入 / 選擇的、、、、、提交。當表單中 form-type 為 submit 時，點擊的
input	輸入框。v3.105.0 開始支持同層渲染
label	表單組件標簽。用來改進表單的可用性，使用 for 屬性找到對應的 id（必須寫 for），當點擊時，就會觸發(fā)對應的控件
picker	底部彈起的滾動選擇器
picker-view	可嵌頁面的滾動選擇器
picker-view-column	可嵌頁面的滾動選擇器子項。僅可放置于中，其孩子節(jié)點的高度會自動設置成與 picker-view 的選中框的高度一致
radio	單選項目
radio-group	單選項目組。內(nèi)部由多個 radio 組成
slider	滑動選擇器
switch	開關(guān)選擇器
textarea	多行輸入框。v3.140.1 起支持同層渲染，內(nèi)部不支持嵌套其他組件

組件名稱	解釋
navigator	頁面導航?？刂菩〕绦虻奶D(zhuǎn)，既可在當前小程序內(nèi)部進行跳轉(zhuǎn)，也可跳轉(zhuǎn)至其他小程序
tabs	標簽欄。用于讓用戶在不同的視圖中進行切換
tab-item	標簽欄子項。配合 tabs 一起使用，展示標簽欄欄內(nèi)單個 tab 內(nèi)容

媒體組件

組件名稱	解釋
animation-video	為智能小程序提供了將特定視頻資源渲染為透明背景動效的能力，可以幫助開發(fā)者低成本實現(xiàn)更為沉浸，豐富的動畫效果
animation-view	Lottie 動畫組件?？蛻舳藙?chuàng)建的原生組件，使用時請注意相關(guān)限制
audio	音頻
camera	相機。使用該組件需通過獲取用戶授權(quán)設置申請授權(quán)后方可對用戶發(fā)起授權(quán)申請，可在 swan.authorize 中查看相關(guān)錯誤碼信息
ar-camera	AR 相機。在 DuMixAR 內(nèi)容開放平臺提交并上線 AR 項目后（選擇“百度 App-相機”渠道）獲取到 AR Key、AR Type，可配置展現(xiàn)，基礎(chǔ)庫 3.15.104 開始支持
image	圖片。image 組件默認寬度 300px、高度 225px
live-player	實時視頻播放器?？蛻舳藙?chuàng)建的原生組件，使用時請注意相關(guān)限制，v3.140.1 起支持同層渲染
video	視頻。v3.70.0 開始支持同層渲染
rtc-room	實時音視頻通話房間。v3.200.0 開始支持
rtc-room-item	實時音視頻通話畫面。v3.200.0 開始支持，默認為同層渲染

地圖

組件名稱	解釋
map	地圖?？蛻舳藙?chuàng)建的原生組件，使用時請注意相關(guān)限制

畫布

組件名稱	解釋
canvas	畫布。一個矩形區(qū)域，開發(fā)者可以在頁面上繪制圖形。canvas 擁有多種繪制路徑、矩形、圖形、字符以及添加圖像的方法

開放能力

組件名稱	解釋
ad	廣告組件。按照流量主開通指引中的操作獲取廣告組件代碼
open-data	開放數(shù)據(jù)。用于展示百度 App 開放的數(shù)據(jù)
web-view	網(wǎng)頁容器。web-view 組件是一個可以用來承載網(wǎng)頁的容器，會自動鋪滿整個智能小程序頁面

內(nèi)容服務組件

組件名稱	解釋
like	點贊。支持將用戶對文章/評論的點贊行為同步給百度后端，實現(xiàn)對點贊對象(若此對象的文章/評論是在小程序內(nèi)用評論組件生產(chǎn))的消息通知。需要將點贊對象的文章/評論內(nèi)容一起提交
follow-swan	關(guān)注小程序 button 組件可幫助開發(fā)者實現(xiàn)用戶對小程序的關(guān)注。用戶通過本組件“關(guān)注小程序”后，可以在“百度 APP” - “我的”中找到我的小程序
One-stop Interaction	一站式互動組件。為開發(fā)者提供一整套包含評論發(fā)布器、評論列表及詳情、點贊、轉(zhuǎn)發(fā)功能的互動 bar 能力，此外還提供數(shù)據(jù)存儲、數(shù)據(jù)內(nèi)容審核、用戶接收百度 APP 消息通知的一站式組件服務
comment-list	一站式互動組件的評論列表組件。可單獨使用
comment-detail	一站式互動組件的評論詳情組件。需與列表組件搭配使用

動態(tài)庫組件

組件名稱	解釋
Editor 富文本編輯器	eidtor 動態(tài)庫提供了在小程序中進行富文本編輯的方法
swan-sitemap 小程序索引頁組件	swan-sitemap 動態(tài)庫是百度小程序官方發(fā)布的用于生成小程序索引頁的動態(tài)庫組件，開發(fā)者可以在小程序項目中引用 swan-sitemap 動態(tài)庫，并通過 swan-sitemap-list 組件高效的開發(fā)出符合搜索收錄規(guī)范的小程序索引頁
ECharts 圖表-beta	ECharts 動態(tài)庫是智能小程序基于 ECharts 實現(xiàn)的圖表動態(tài)庫，提供了圖表在小程序中的使用方法。如果在使用中碰到問題，可以在 Github 提問
modelviewer VR 3D 模型-beta	modelviewer 動態(tài)庫提供了在小程序中展示 3D 模型功能，底層基于百度 webVR SDK Hydreigon 實現(xiàn)
panoviewer VR 全景圖-beta	panoviewer 動態(tài)庫提供了在小程序中播放全景圖的方法，底層基于百度 webVR SDK Hydreigon 實現(xiàn)
spintileviewer VR 3D 環(huán)物—beta	spintileviewer 動態(tài)庫提供了在小程序中播放 3D 環(huán)物的方法，底層基于百度 webVR SDK Hydreigon 實現(xiàn)
vrvideo VR 全景-beta	vrvideo 動態(tài)庫提供了在小程序中播放全景視頻的方法

本文標題：創(chuàng)新互聯(lián)百度小程序教程：組件列表
當前地址：http://m.fisionsoft.com.cn/article/cdegsoh.html

新聞中心