组件
基础组件
组件:组件是视图层的基本组成单元。一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之间。
注意:所有组件与属性都是小写,以 - 连接
基础组建分为八大类
一、视图容器(View Container)
组件名 |
说明 |
view |
视图容器 |
scroll-view |
可滚动视图容器 |
swiper |
滑块视图容器 |
注意:
使用竖向滚动时,需要给<scroll-view/>一个固定高度,通过wxss设置height
请勿在 scroll-view 中使用 textarea、map、canvas、video 组件
scroll-into-view 的优先级高于 scroll-top
swiper中只可放置<swiper-item/>组件,其他节点会被自动删除,swiper-item仅可放置在<swiper/>组件中,宽高自动设置为100%。
二、基础内容(Basic Content)
组件名 |
说明 |
icon |
图标 |
text |
文字 |
progress |
进度条 |
icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel,download,
search, clear
text:支持转义字符”\”除了文本节点以外的其他节点都无法长按选中。
三、表单组件(Form)
标签名 |
说明 |
button |
按钮 |
form |
表单 |
input |
输入框 |
checkbox |
多项选择器 |
radio |
单项选择器 |
picker |
列表选择器 |
slider |
滚动选择器 |
switch |
开关选择器 |
lable |
标签 |
四、操作反馈(interaction)
组件名 |
说明 |
action-sheet |
上拉菜单 |
五、导航(Navigation)
组件名 |
说明 |
navigator |
应用链接 |
六、媒体组件(Media)
组件名 |
说明 |
audio |
音频 |
image |
图片 |
video |
视频 |
七、地图(Map)
组件名 |
说明 |
map |
地图 |
八、画布(Canvas)
组件名 |
说明 |
canvas |
画布 |