swiper是一個非常強大的組件
但是需要swiper-item這個標簽來實現他想顯示的內容
swiper-item標簽有個item-id的屬性，屬性值：字符串 是swiper-item的標識符；
一個swiper標簽只能顯示一個swiper子元素的內容，所以說一個swiper-item就相當於一個板塊，我們想進行四個圖片的輪播的話，就是四個板塊；
swiper的屬性：
indicator-dots：屬性值：布爾 是否顯示面板指示點；
indicator-color：屬性值：字符串 顯示指示點的顏色；
indicator-active-color：屬性值：字符串 顯示當前滑塊 指示點的顏色；
autoplay：屬性值：布爾 是否自動切換；
current：屬性值：數字 滑塊的下標 / 指定哪個滑塊
interval：屬性值：數字，（他的單位是毫秒）自動切換的時間間隔
duration：屬性值：數字，滑動的生命周期；
circular：屬性值：布爾，是否銜接滑塊
vertical：屬性值：布爾，滑動方向是否為縱向；
pervious-margin：屬性值：數字 例："10rpx"，上一個滑塊的一小部分
next-margin：屬性值：數字，顯示下一個滑塊的一小部分
display-multiple-items：屬性值：數字，同時顯示幾個滑塊；
skip-hidden-item-layout：屬性值：布爾，是否跳過未顯示的滑塊布局，復雜情況下可以提升性能，但是會丟失影藏狀態的布局信息；
easing-function：指定swiper切換緩動的動畫類型
屬性值：default：默認緩動函數；
linear：線性動畫
easeInCubic：緩入動畫；
easeOutCubic：緩出動畫；
easeInOutCubic：緩入緩出動畫
事件：
bindchange：current改變時會觸發bingchange事件
bindtransition：swiper-item的位置發生改變時，會觸發bindtransition事件
bindanimationfinish：動畫結束時會觸發bindanimationfinish事件；