swiper/image

1、swiper

<swiper 
      autoplay 
      interval="2000" 
      indicator-dots 
      circular
      indicator-color="#fff"
      indicator-active-color="#f3514f"
      >
      <swiper-item>
        1
      </swiper-item>
      <swiper-item>
        2
      </swiper-item>
      <swiper-item>
        3
      </swiper-item>
</swiper>

2、image

image组件，常用属性

1、src 图片资源地址

2、mode 图片裁剪 缩放模式

3、show-menu-by-longpress 长按图片显示菜单(转发/收藏/保存等)

4、lazy-load 图片懒加载

注意：

image 默认具有宽度和高度  320px/240px

image组件不给src属性设置图片地址，也会占据宽高

3、text

user-select ：长按以后选中文本

space： 显示连续空格

<text user-select space="">慕尚花坊</text>

4、navigation 组件

1、url 小程序内跳转链接

2、open-type 跳转方式

    navigate 保留当前页面，跳转到应用内的某个页面，但不能跳到tabbar页面

    redirect 关闭当前页面  跳转到应用内的某个页面，但不能跳到tabbar页面

    switchTab 跳转到tabBar页面，并关闭其他所有非tabBar页面

    reLaunch 关闭所有页面 打开到应用内的某个页面

    navigateBack 关闭当前页面，返回上一页面或多级页面

注意：

    1、路径后可以带参数，参数与路径之间使得?分隔，参数键与参数值用=相连，不同参数用&分隔

        例如 /list?id=10&name=hua 在onLoad(options)生命周期函数 中获取传递的参数

    2、open-type="switchTab" 时不支持传参

在跳转时，需要在路径的前面添加 / 斜线 否则跳转不成功

<navigator url="/pages/list/list"> 商品列表页面 </navigator>
<navigator url="/pages/list/list"open-type="navigate"> 商品列表页面 </navigator>