<!-- 滑動盒子 -->
? <view class='changeBox'>
? ? <scroll-view scroll-x class='scrollBox' bindscroll='scroll'>
? ? ? <view class='scrollItem' wx:for='{{scrollData}}' wx:key='{{index}}' data-index='{{index}}' bindtap='changeScroll'>
? ? ? ? <view class='topBox {{index == scrollInd?"hoverBox":""}} flex-col-center'>
? ? ? ? ? <view class='sTitle {{index==scrollInd?"selectTitle":""}}'>{{item.title}}</view>
? ? ? ? ? <image class='scrollIcon' src='{{item.icon}}'></image>
? ? ? ? ? <view class='sNum'>{{item.num}}<span>{{item.unit}}</span></view>
? ? ? ? ? <view class='sType'>{{item.type}}</view>
? ? ? ? </view>
? ? ? </view>
? ? </scroll-view>
? ? <view class='scrollBar'>
? ? ? <view class='bar' style='left:{{offSet}}%;'></view>
? ? </view>
? </view>
// 同步滾動距離到進度條
? scroll: function (e) {
? ? var that = this;
? ? var allOffset = 108;//總體寬度
? ? var totalWidth = e.detail.scrollLeft;//獲取滑動的位置
? ? var offset = totalWidth / allOffset * (58)//用滑動位置除總體寬度得到偏移位置在乘于滑動模塊在總體的自身寬度得到滑動的移動的位置
? ? console.log(totalWidth)
? ? that.setData({
? ? ? offSet: offset,
? ? })
? },
