微信小程序 view容器 scroll-view swiper轮播图 movable-view cover-view


view

视图容器

属性名 类型 默认值 说明
hover-class String none 指定按下去的样式类。当 hover-class="none" 时,没有点击态效果
hover-stop-propagation Boolean false 指定是否阻止本节点的祖先节点出现点击态
hover-start-time Number 50 按住后多久出现点击态,单位毫秒
hover-stay-time Number 400

手指松开后点击态保留时间,单位毫秒

示例

微信小程序 view容器 scroll-view swiper轮播图 movable-view cover-view

效果:按住橙色区域500ms后,橙色变黑色,但父节点绿色容器不变,子容器手指松开300ms后变辉橙色


scroll-view的引用方式

案例

微信小程序 view容器 scroll-view swiper轮播图 movable-view cover-view


swiper轮播图

示例

微信小程序 view容器 scroll-view swiper轮播图 movable-view cover-view


movable-view

示例

微信小程序 view容器 scroll-view swiper轮播图 movable-view cover-view

微信小程序 view容器 scroll-view swiper轮播图 movable-view cover-view


cover-view

示例

微信小程序 view容器 scroll-view swiper轮播图 movable-view cover-view微信小程序 view容器 scroll-view swiper轮播图 movable-view cover-view