组件

1.view

同div使用

2.swiper滑块视图容器

1. 里面只能嵌套swiper-item组件（宽高自动设置为100%），再嵌套image组件即可
2. 常用属性
   

 <swiper indicator-dots="true" indicator-active-color="red" circular="true" autoplay="true" interval="5000">
     <swiper-item><image src="/images/21.jpg"></image></swiper-item>
     <swiper-item><image src="/images/21.jpg"></image></swiper-item>
     <swiper-item><image src="/images/21.jpg"></image></swiper-item>
     <swiper-item><image src="/images/21.jpg"></image></swiper-item>
     <swiper-item><image src="/images/21.jpg"></image></swiper-item>
   </swiper>

3.scroll-view可滚动视图区域

1.滚动方向

• scroll-x 横向
• scroll-y 纵向

2.要设置scroll-view的css
white-space: nowrap;
使所有内容显示在一行里

 <scroll-view class="major" scroll-x>
      <navigator class="majoricon" url="/pages/second/second" >
        <image src="/images/icon.png"></image>
        <view class="majortxt">icon</view>
      </navigator>
      <navigator class="majoricon">
        <image src="/images/icon.png"></image>
        <view class="majortxt">icon</view>
      </navigator>
</scroll-view>

4.image

• src图片路径

5.navigator导航标签

1. url跳转路径
2. open-type 跳转的方式
   1 navigate 默认值 保留当前页面，跳转到应用内的某个页面，但是不能跳到tabbar页面
   2 redirect 关闭当前页面，跳转到应用内的某个页面，但是不允许跳转到tabbar页面。
   3 switchTab 跳转到tabBar 页面，并关闭其他所有非tabBar页面
   4 reLaunch关闭所有页面， 打开到应用内的某个页面