-
视图容器(View Container)
-
view 视图容器
- hover Boolean false 是否启用点击态
- hover-class String none 指定按下去的样式类。当 hover-class="none" 时,没有点击态效果
- hover-start-time Number 50 按住后多久出现点击态,单位毫秒
- hover-stay-time Number 400 手指松开后点击态保留时间,单位毫秒
-
scroll-view 可滚动视图容器
- scroll-x Boolean false 允许横向滚动
- scroll-y Boolean false 允许纵向滚动
- upper-threshold Number 50 距顶部/左边多远时(单位px),触发 scrolltoupper 事件
- lower-threshold Number 50 距底部/右边多远时(单位px),触发 scrolltolower 事件
- scroll-top Number 设置竖向滚动条位置
- scroll-left Number 设置横向滚动条位置
- scroll-into-view String 值应为某子元素id(id不能以数字开头),则滚动到该元素,元素顶部对齐滚动区域顶部,只支持纵向滚动
- scroll-with-animation Boolean false 在设置滚动条位置时使用动画过渡
- enable-back-to-top Boolean false iOS点击顶部状态栏、安卓双击标题栏时,滚动条返回顶部,只支持竖向
- bindscrolltoupper EventHandle 滚动到顶部/左边,会触发 scrolltoupper 事件
- bindscrolltolower EventHandle 滚动到底部/右边,会触发 scrolltolower 事件
- bindscroll EventHandle 滚动时触发,event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}
-
swiper 滑块视图容器
- indicator-dots Boolean false 是否显示面板指示点
- indicator-color Color rgba(0, 0, 0, .3) 指示点颜色
- indicator-active-color Color #000000 当前选中的指示点颜色
- autoplay Boolean false 是否自动切换
- current Number 0 当前所在页面的 index
- interval Number 5000 自动切换时间间隔
- duration Number 500 滑动动画时长
- circular Boolean false 是否采用衔接滑动
- bindchange EventHandle current 改变时会触发 change 事件,event.detail = {current: current}
-
基础内容(Basic Content)
-
icon 图标
- type String icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear
- size Number 23 icon的大小,单位px
- color Color icon的颜色,同css的color
-
text 文字
- selectable Boolean false 文本是否可选
-
progress 进度条
- percent Float 无 百分比0~100
- show-info Boolean false 在进度条右侧显示百分比
- stroke-width Number 6 进度条线的宽度,单位px
- color Color #09BB07 进度条颜色 (请使用 activeColor)
- activeColor Color 已选择的进度条的颜色
- backgroundColor Color 未选择的进度条的颜色
- active Boolean false 进度条从左往右的动画