FinClip为企业提供小程序生态圈技术产品,开发者可在FinClip小程序开发帮助中心找到相关FinClip小程序指引

# 组件总览

# 1. 视图容器

组件 说明 最低版本 备注
cover-image 覆盖在原生组件之上的图片视图 2.8.3
cover-view 覆盖在原生组件之上的文本视图 2.8.3
match-media media query 匹配检测节点 2.9.3
movable-area movable-view的可移动区域 2.9.3
movable-view 可移动的视图容器,在页面中可以拖拽滑动 2.9.3
scroll-view 可滚动视图区域 1.0.0
swiper 滑块视图容器 1.0.0
swiper-item 仅可放置在swiper组件中 1.0.0
view 视图容器 1.0.0
page-container 页面容器 2.11.3
share-element 共享元素 2.11.3
root-portal 使整个子树从页面中脱离出来,类似于在 CSS 中使用 fixed position 的效果。 3.0.14

# 2. 基础内容

组件 说明 最低版本 备注
icon 图标 1.0.0
progress 进度条 1.0.0
rich-text 富文本 1.0.0
text 文本 1.0.0

# 3. 表单组件

组件 说明 最低版本 备注
button 按钮 1.0.0
checkbox 多选项目 1.0.0
checkbox-group 多项选择器,内部由多个checkbox组成 1.0.0
editor 富文本编辑器 2.5.2
form 表单,将组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/>提交 1.0.0
input 输入框 1.0.0
keyboard-accessory 设置 input / textarea 聚焦时键盘上方 cover-view / cover-image 工具栏视图 2.11.6
label 用来改进表单组件的可用性,使用for属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件 1.0.0
picker 从底部弹起的滚动选择器,现支持三种选择器,通过mode来区分,分别是普通选择器,时间选择器,日期选择器,默认是普通选择器 1.0.0
picker-view 嵌入页面的滚动选择器 1.0.0
picker-view-column 滚动选择器子项 1.0.0
radio 单选项目 1.0.0
radio-group 单项选择器,内部由多个<radio/>组成 1.0.0
slider 滑动选择器 1.0.0
switch 开关选择器 1.0.0
textarea 多行输入框 1.0.0

# 4. 导航

组件 说明 最低版本 备注
navigator 页面链接 1.0.0

请注意

以下 组件 暂不支持

组件 说明
functional-page-navigator 用于跳转插件功能页

# 5. 媒体组件

组件 说明 最低版本 备注
audio 音频 1.0.0
image 图片 1.0.0
video 视频 1.0.0
camera 照相机 2.9.3
live-player 实时音频播放 2.10.1 需配合第三方音视频 SDK 使用,查看详情
live-pusher 实时音频录制 2.10.1 需配合第三方音视频 SDK 使用,查看详情

请注意

以下 组件 暂不支持

组件 说明
voip-room 多人音视频对话

# 6. 地图

组件 说明 最低版本 备注
map 地图 基础库2.11.4

# 7. 画布

组件 说明 最低版本 备注
canvas 画布 1.0.0

# 8. 开放能力

组件 说明 最低版本 备注
web-view 承载网页的容器 1.0.0

# 9. 无障碍访问

组件 说明
aria-component 无障碍访问

# 10. 导航栏

组件 说明 最低版本 备注
navigation-bar 页面导航条配置节点,用于指定导航栏的一些属性 2.5.1

# 11. 页面属性配置节点

组件 说明 最低版本 备注
page-meta 页面属性配置节点,用于指定页面的一些属性、监听页面事件 2.5.1
© FinClip with ❤ , Since 2017