组件

<view/>、<scroll-view/>、<swiper/>

view 组件

块级容器组件,没有特殊功能,主要用于布局展示,是布局中最基本的UI组件, 任何一种复杂的布局都可以通过嵌套<view/>组件, <view/>支持常用的CSS布局属性,如display、float、position甚至Flex布局等,

点击行为的属性

  • hover:是否启动点击态,默认值为false。
  • hover-class:指定按下去的样式。当hover-class="none"时,没有点击态效果,默认值为none。
  • hover-start-time:按住后多久出现点击态,单位毫秒,默认值为50。
  • hover-stay-time:手指松开后点击态保留时间,单位毫秒,默认值为400。

显示轮播图

主要用到两个组件 <swiper> <spiper-item> swiper属性,自动播放 autoplay="True",。 播放间隔时间:interval=“1500” 单位毫秒, 播放小圆点, indicator-dots="True" 小圆点颜色 indicator-color=“#fff” 小圆点被激活的颜色 indicator-active-color="#f3514f" 实现最后一张后循环播放(而不是倒回到第一张) circular=“True”

以上属性值为当True时,可以直接省略=“True”,仅写属性名也可以。