<van-tab title="A320">
                 <view class="side">
                  <scroll-view class="scroll" scroll-y="true" >
                    <view class="{{ item == chapterselected?'active':''}}" wx:for="{{array}}" wx:key="index" bindtap="select" data-chapter="{{item}}" data-air="A320" >
                      <text>{{item}}章</text>
                     </view>
                  </scroll-view>
                 </view>
                 <view class="rightside">
                  <scroll-view class="scroll2" scroll-y="true" >
                    <view class="wrap" wx:for="{{datatemp}}" wx:key="index" bindtap="toDetailView" data-filename="{{item.Key}}" data-air="A320" >
                      <view>{{ m1.gettitle(item.Key) }}</view>
                      <view class="size">{{ m1.getsize(item.Size) }}KB</view>
                     </view>
                  </scroll-view>
                 </view>
           </van-tab>

<!--wxss-->
/* pages/tips/tips.wxss */
.side{
  position: fixed;
  left: 0rpx;
  top: 100rpx;
  width: 20%;
  height: 90%;
  background-color:#f0f0f0;
}
.rightside{
  position: fixed;
  left: 21%;
  top: 100rpx;
  width: 78%;
  height: 90%;
  background-color:#ffffff;
  

}
.scroll{
  height: 90vh;
}
.scroll2{
  height: 90vh;
}
.scroll view{
  text-align:center;
  height: 75rpx;
  line-height: 75rpx;
  border-bottom: 3rpx solid #0193cf;
}

.active{
  background-color: #0193cf;
  color: #ffffff;
}
.wrap{
    /*height: 100rpx;*/
    position: relative;
    width: 100%;
    padding-left: 10rpx;
    line-height: 75rpx;
    font-size: small;
    text-align: start;
    border-bottom: 3rpx solid #0193cf;
    word-wrap:break-word;
   /* overflow: hidden; */ 

}
.size{
  position: absolute;
  bottom: -27rpx;
  right: 10rpx;
  font-size: xx-small;
  color: #9f9f9f;

}