组件

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关闭所有页面， 打开到应用内的某个页面

6.text文本标签

1.只能嵌套text

7.button

1.size控制大小

• default 默认大小
• mini 小尺寸

2.type按钮颜色

• default 灰色
• primary 绿色
• warn红色

3.plain
按钮是否镂空，背景色透明
4.loading
前面加一个loading图标

8.video

1.使用服务器网路连接

video的src可以是要播放视频的资源地址，支持网络路径、本地临时路径、云文件ID
所以像访问图片那样不可以
可以吧视频放服务器根目录下直接访问

2.使用腾讯视频插件(个人开发不可用)

2.1 登录微信小程序后台，设置>第三方服务，点击添加插件，搜索“腾讯视频”，添加插件即可。

2.2 在app.json中引入插件

"plugins": {
    "tencentvideo":{
      "version":"1.4.5",
      "provider": "wxa75efa648b60994b"
    }
  }

2.3 使用

• page.json

"usingComponents": {
    "txv-video": "plugin://tencentvideo/video"
  }

• wxml

<txv-video 
  vid="u00222le4ox"   
  playerid="txv1"     
  autoplay="{{true}}" 
></txv-video>