<!--pages/index/goodsdetails/goodsdetails.wxml-->
<view>
  <view class="indextop {{scrollTop > 220 ? 'navstyl':'unnavstyl'}}">
    <view style="height:{{statusBarHeight}};"></view>
    <view style="height:{{navheight}};padding:6px 0;display: flex;line-height: 32px;width: 100%;">
      <view style="width:80rpx;">
        <view wx:if="{{isshare==0}}" class="li {{scrollTop > 150 ? '':'unxiangqi'}}" bindtap="back"></view>
        <view wx:if="{{isshare==1}}" class="li2 icon-home {{scrollTop > 150 ? '':'unxiangqi backHomeTop'}}" bindtap="backHome"></view>
      </view>
      <view class="xiangqi {{scrollTop > 150 ? '':'unxiangqi'}}">往期精彩</view>
      <view style="width:80rpx"></view>
    </view>
  </view>
</view>

<view class="image_box">
  <view wx:if="{{isshare==1&&scrollTop < 120}}" bindtap='backHome' class='icon-home backHome'></view>
  <!-- wx:if="{{scrollTop <320}}" -->
  <view wx:if="{{isshare==0&&scrollTop < 120}}" class='leftBack' bindtap="backJT"></view>
  <image class="{{scrollTop > 100 ? 'unxiangqi':'xiangqi'}} TopImage" src="{{topImgText.historyBgImage}}" mode="widthFix"></image>
  <view class="title">
    <!-- <view class="type">夏令营</view> -->
    <view>{{topImgText.historyTitle}}</view>
  </view>
</view>
<!--  -->
<view class="content">
  <!-- tabs -->
  <view class="{{scrollTop>220 ? 'tabsTop' : 'tabs'}}">
    <view bindtap="changeType" data-key="1" class="{{key==1?'BigLeft Big':'Small'}}">活动相册</view>
    <view style="margin-left: 50rpx;" class="{{key==2?'Big':'Small'}}" bindtap="changeType" data-key="2">精彩文章</view>
  </view>
  <!-- 第一个tabs时展示 rightImage -->
  <view wx:if="{{key==1}}" class="allImage ">
    <view wx:for="{{activePhoto}}" wx:key="index" class="{{[index%15==0?'bigImage':'image_Bigbox',((index%9==0&&(index/9)%2!=0&&index!=0)||(index==9))?'rightImage':'']}}">
      <!-- oms视频 -->
      <image mode="aspectFill" class='image' bindtap="previewVideo" src='{{item.logo}}' wx:if='{{item.type==2}}' data-vdurl="{{item.content}}" bindtap='previewVideo' data-id='{{index}}'></image>
      <video style="display: none;" class="image" bindtap="previewVideo" data-vdurl="{{item.content}}" wx:if="{{item.type==2}}" src="{{item.content}}"></video>
      <!-- 视频号 -->
      <image mode="aspectFill" class="image" bindtap="channelVideo" data-uname="{{item.title}}" data-vdNum="{{item.content}}" wx:if="{{item.type==3}}" src="{{item.logo}}"></image>
      <!-- 图片 -->
      <image mode="aspectFill" bindtap="previewImage" data-index="{{index}}" wx:if="{{item.type==4}}" data-imgurl="{{item.logo}}" class="image" src="{{item.logo}}?x-oss-process=image/resize,m_fill,w_400,h_400"></image>
      <view wx:if="{{item.type==3||item.type==2}}" class="{{[index%15==0?'icon icon-video-play iconAdd2':'icon icon-video-play iconAdd']}}"></view>
      <!-- <image wx:if="{{item.type==4}}" class="{{[index%15==0?'lfImg':'img']}}" src="https://img.bbztx.com/image_test/upload/thumbs/20230227/logo/1677472021719085091.png" mode="" /> -->
    </view>
    <view class="box"></view>
  </view>

  <!-- 第二个tabs时展示 -->
  <view wx:if="{{key==2}}" class="two">
    <view class="box_two" wx:for="{{activityRecord}}" wx:key="index">
      <image mode="aspectFill" class="imgTwo" data-content="{{item.content}}" data-title="{{item.title}}" bindtap="tweet" src="{{item.logo}}"></image>
      <view class="text">{{item.title}}</view>
    </view>
  </view>
</view>