7.1 視圖容器組件
7.1.2 scroll-view組件
設(shè)置滾動(dòng)條位置時(shí)默認(rèn)是沒有動(dòng)畫過渡的，scroll-with-animation設(shè)置為true即可開啟動(dòng)畫過渡效果。
enable-back-to-top設(shè)置為true，用戶單擊標(biāo)題欄可以讓scroll-view中的內(nèi)容快速地回到最頂部。iOS單擊標(biāo)題欄即可，Android需要雙擊標(biāo)題欄。
bindscrolltoupper、bindscrolltolower和bindscroll可以綁定事件監(jiān)聽函數(shù)。
使用scroll-view組件需要注意：
1、基礎(chǔ)庫2.4.0版本以下不支持嵌套textarea、map、canvas、video組件。
2、在scroll-view中滾動(dòng)無法觸發(fā)onPullDownRefresh
7.1.3?swiper與swiper-item組件
swiper是滑塊容器組件，需要與swiper-item組件結(jié)合使用。swiper組件內(nèi)部只能放swiper-item組件，在swiper-item組件中才可放其他內(nèi)容。
每個(gè)swiper-item代表一個(gè)滑塊的內(nèi)容，同一時(shí)刻swiper組件只顯示一個(gè)swiper-item的內(nèi)容，左右滑動(dòng)可以切換顯示不同的swiper-item。
swiper組件的屬性如下：
屬性? ? ? ? ? ? ? ? ? 類型? ? ? ?默認(rèn)值????說明????????????????????????最低版本
indicator-dots：boolen，false，是否顯示面板指示點(diǎn)，1.0.0
indicator-color：color，rgba(0,0,0,0.3)，指示點(diǎn)顏色，1.1.0
indicator-active-color：color，#000000，當(dāng)前選中的指示點(diǎn)顏色，1.1.0
current：number，0，當(dāng)前滑塊所在的index，1.0.0
autoplay：boolean，false，是否自動(dòng)切換，1.0.0
interval：number，5000，自動(dòng)切換時(shí)間間隔，1.0.0
duration：number，500，滑動(dòng)動(dòng)畫時(shí)長，1.0.0
easing-function：string，default，指定swiper切換動(dòng)畫類型，可選值如下：
????????default：默認(rèn)動(dòng)畫
????????linear:線性動(dòng)畫
????????easeInCubic:緩入動(dòng)畫
????????easeOutCubic:緩出動(dòng)畫
????????easeInOutCubic:緩入緩出動(dòng)畫
????，2.6.0
circular：boolean，false，是否采用銜接滑動(dòng)，1.0.0
vertical：boolean，false，滑動(dòng)方向是否為縱向，1.0.0
previous-margin：string，0px，前邊距，可用于露出前一項(xiàng)的一小部分，接受px和rpx，1.9.0
next-margin：string，0px，后邊距，可用于露出后一項(xiàng)的一小部分，接受px和rpx，1.9.0
display-multiple-item：number，1，同時(shí)顯示的滑塊數(shù)量，1.9.0
bindchange：eventhandle，，current改變時(shí)會(huì)觸發(fā)chage事件，event.detail={current.source},source表示導(dǎo)致變更的原因，可能的值如下：
????????autoplay:自動(dòng)播放
????????touch:用戶滑動(dòng)
????????空字符串:其他原因
????，1.0.0
bindtransition：eventhandle，，swiper-item的位置發(fā)生改變時(shí)會(huì)觸發(fā)transition事件event.detail={dx:dx,dy:dy}，2.4.3
bindanimationfinish：eventhandle，，動(dòng)畫結(jié)束時(shí)會(huì)觸發(fā)animationfinish事件，event.detail同上，1.9.0
