支付寶小程序組件 基礎(chǔ)組件·概述

2020-09-18 10:35 更新

視圖容器

名稱 功能說明
view 視圖容器
swiper 滑塊視圖容器
scroll-view 可滾動視圖區(qū)域
cover-view 覆蓋在原生組件之上的文本視圖
cover-image 覆蓋在原生組件之上的圖片視圖，可覆蓋的原生組件同 cover-view，支持嵌套在 cover-view 里。
movable-view 可移動的視圖容器
movable-area movable-view 的可移動區(qū)域

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

名稱 功能說明
text 文本
icon 圖標(biāo)
progress 進(jìn)度條
rich-text 富文本組件

表單組件

名稱 功能說明
button 按鈕
form 表單
label 用來改進(jìn)表單組件的可用性
input 輸入框
textarea 多行輸入框
radio 單選按鈕
radio-group 單選項目組
checkbox 多項選擇器
checkbox-group 多項選擇器組
switch 單選開關(guān)
slider 滑動選擇器
picker-view 嵌入頁面的滾動選擇器
picker 從底部彈起的滾動選擇器

導(dǎo)航

名稱 功能說明
navigator 頁面鏈接

媒體組件

名稱 功能說明
image 圖片
video 視頻
lottie 動畫

畫布

名稱 功能說明
canvas 畫布。

地圖

名稱 功能說明
map 地圖組件
map 高級定制渲染 地圖組件的能力擴(kuò)展，使小程序地圖具備動態(tài)定制地圖覆蓋物渲染布局的能力。

開放組件

名稱 功能說明
web-view 承載 H5 網(wǎng)頁的組件
lifestyle 關(guān)注生活號組件
contact-button 智能客服組件

無障礙訪問

名稱 功能說明
aria-component 無障礙訪問
以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號