test/pages/index/index.wxml

<!--index.wxml-->
<title title="君到苏州（文化旅游总入口）"></title>
<!-- <view class="old-btn">关怀模式</view> -->
<!-- <image class="top-bg-img" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/spring22/flowerbg.png" mode="widthFix"></image> -->
<!-- <image class="top-bg-img" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/spring22/flower.gif" mode="widthFix"></image> -->
<!-- 后台获取的季节动图 -->
<image class="top-bg-img" src="{{indexSeason.topBac}}" mode="widthFix"></image>
<view wx:if="{{weather}}" class="top-box" style="height: 63rpx">
  <image src="{{weather.icon2}}" style="margin-left:0" mode="aspectFill"></image>
  <view class="weather-num">{{weather.max_temp}}°</view>
  <view class="weather">{{weather.weather}}</view>
  <image bindtap="gotoPath" style="margin-left:0" data-path="/pages/user/service/index" data-event="customer_service_click" src="https://static.ticket.sz-trip.com/uploads/20240428/7c77f3fc227acb3f15963c54fbd3d954.png" mode="aspectFill"></image>
  <image bindtap="gotoPath" data-event="message_click" data-path="/pages/list/message/index" src="https://static.ticket.sz-trip.com/uploads/20240428/ae4b559db397a7b7d76b471576bfa3c0.png" mode="aspectFill"></image>
  <!-- <image bindtap="gotoPath" style="margin-left:0" data-path="/pages/user/service/index"
    data-event="customer_service_click" src="https://static.ticket.sz-trip.com/xcxImages/spring22/service.png"
    mode="aspectFill"></image>
  <image bindtap="gotoPath" data-event="message_click" data-path="/pages/list/message/index"
    src="https://static.ticket.sz-trip.com/xcxImages/spring22/msg.png" mode="aspectFill"></image> -->
</view>
<view class="top-box" style="padding:0;margin-bottom:18rpx" wx:if="{{!isTest}}">
  <navigator url="/pages/search/index" catchtap="pagePoint" data-event="search_click" class="search-box textOver">
    <view class="iconfont icon-sousuo"></view>
    <view class="textOver">搜索想要的旅游产品或服务</view>
  </navigator>
</view>
<view style="position:relative;z-index: 1;">
  <swiper class="swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" bindchange="changeBannerIndex" circular>
    <block wx:for="{{banner}}" wx:key="*this">
      <swiper-item bindtap="bannerClick" data-item="{{item}}">
        <image src="{{item.head_img}}" mode="scaleToFill"></image>
      </swiper-item>
    </block>
  </swiper>
  <view class="com-flex dot-list">
    <view class="dot{{index===activeBannerIndex?' active':''}}" wx:for="{{banner}}" wx:key="this"></view>
  </view>
</view>

<!-- <swiper class="swiper" indicator-dots="{{true}}"
  autoplay="{{true}}" interval="{{5000}}" duration="{{300}}">
  <block wx:for="{{banner}}" wx:key="*this">
    <swiper-item bindtap="bannerClick2" data-item="{{item}}">
      <image src="{{item.img}}" mode="aspectFill"></image>
    </swiper-item>
  </block>
</swiper> -->
<view class="top-icons" wx:if="{{!isTest}}">
  <view bindtap="gotoPath" data-event="activity_click" data-title="活动日历" data-path="/pages/list/activitynew/index" class="top-icon-item">
    <!-- 夏季修改 -->
    <image src="https://static.ticket.sz-trip.com/uploads/20240606/ebe723260a0d46550c77307472180586.png" mode="widthFix"></image>
    <!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon1New.png" mode="widthFix"></image> -->
    <view class="top-icon-text">活动日历</view>
  </view>
  <view bindtap="gotoPath" data-event="museum" data-title="场馆预约" data-path="/pages/list/{{isTest?'scene':'museum'}}/index" class="top-icon-item">
    <!-- 夏季修改 -->
    <image src="https://static.ticket.sz-trip.com/uploads/20240606/106ed983a3641f27a13c41cc2b977af2.png" mode="widthFix"></image>
    <!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon2New.png" mode="widthFix"></image> -->
    <view class="top-icon-text">场馆预约</view>
  </view>
  <!-- 非遗跳专题 -->
  <!-- <view bindtap="goFeiyi" data-event="legacy" data-title="非遗专卖"
    data-path="/pages/list/{{isTest?'scene':'feiyi'}}/index" class="top-icon-item"> -->
  <view bindtap="gotoPath" data-event="legacy" data-title="非遗专卖" data-path="/subPackages/feiyiNew/index" class="top-icon-item">
    <image src="https://static.ticket.sz-trip.com/uploads/20240606/64bc601cd248586984c6ba7f7abf12cd.png" mode="widthFix"></image>
    <view class="top-icon-text">非遗专卖</view>
  </view>
  <!-- <view bindtap="gotoPath" data-event="legacy" data-title="非遗专卖"
    data-path="/pages/list/{{isTest?'scene':'feiyi'}}/index" class="top-icon-item">
    <image src="https://static.ticket.sz-trip.com/uploads/20240606/64bc601cd248586984c6ba7f7abf12cd.png" mode="widthFix"></image>
    <view class="top-icon-text">非遗专卖</view>
  </view> -->
  <view bindtap="gotoPath" data-event="show" data-title="剧场演出" data-path="/pages/list/{{isTest?'activity':'theatre'}}/index" class="top-icon-item">
    <!-- 夏季修改 -->
    <image src="https://static.ticket.sz-trip.com/uploads/20240606/3db989129660f5de29b0f617375f0672.png" mode="widthFix"></image>
    <!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon4New.png" mode="widthFix"></image> -->
    <view class="top-icon-text">剧场演出</view>
  </view>
  <!-- 2024年7月新版文创特产 -->
  <view bindtap="gotoPath" data-event="specialty" data-title="文创特产" data-path="/subPackages/techanNew/index" class="top-icon-item">
    <image src="https://static.ticket.sz-trip.com/uploads/20240606/bafa90e369f339347170f9c55a245d78.png" mode="widthFix"></image>
    <view class="top-icon-text">文创特产</view>
  </view>
  <!-- <view bindtap="gotoPath" data-event="specialty" data-title="文创特产"
    data-path="/pages/list/{{isTest?'road':'techan'}}/index" class="top-icon-item">
    <image src="https://static.ticket.sz-trip.com/uploads/20240606/bafa90e369f339347170f9c55a245d78.png" mode="widthFix"></image>
    <view class="top-icon-text">文创特产</view>
  </view> -->
  <view bindtap="gotoPath" data-event="ticket_click" data-title="景点门票" data-path="/pages/list/scene/index" class="top-icon-item">
    <!-- 夏季修改 -->
    <image src="https://static.ticket.sz-trip.com/uploads/20240606/e11e0cb3033b786fc61ee17f8bfbfbfb.png" mode="widthFix"></image>
    <!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon6New.png" mode="widthFix"></image> -->
    <view class="top-icon-text">景点门票</view>
  </view>
  <view bindtap="gotoPath" data-event="hotel_click" data-title="酒店住宿" data-path="/pages/list/hotel/index" class="top-icon-item">
    <!-- 夏季修改 -->
    <image src="https://static.ticket.sz-trip.com/uploads/20240606/26d38d0b8b6014915b5b013e8672ae82.png" mode="widthFix"></image>
    <!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon7New.png" mode="widthFix"></image> -->
    <view class="top-icon-text">酒店住宿</view>
  </view>
  <view bindtap="gotoPath" data-event="night_sz" data-title="夜游苏州" data-path="/pages/list/night/index" class="top-icon-item">
    <!-- 夏季修改 -->
    <image src="https://static.ticket.sz-trip.com/uploads/20240606/1d8d45eab5735103ed2d1342f84b615a.png" mode="widthFix"></image>
    <!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon8New.png" mode="widthFix"></image> -->
    <view class="top-icon-text">夜游苏州</view>
  </view>
  <view bindtap="gotoUrl" data-event="card" data-title="一卡游苏州" data-url="https://m.cloud.sz-trip.com/OneDayTravelNew" class="top-icon-item">
    <!-- 夏季修改 -->
    <image src="https://static.ticket.sz-trip.com/uploads/20240606/d63fd9f74bc5f3016800f0572fdbeed9.png" mode="widthFix"></image>
    <!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon9New.png" mode="widthFix"></image> -->
    <view class="top-icon-text">一日游</view>
  </view>
  <view bindtap="gotoUrl" data-event="movie" data-title="研学游" data-url="https://m.cloud.sz-trip.com/LearningTravel" class="top-icon-item">
    <!-- 夏季修改 -->
    <image src="https://static.ticket.sz-trip.com/uploads/20240606/3537918b5a5b26319c22747e80200ef7.png" mode="widthFix"></image>
    <!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon10New.png" mode="widthFix"></image> -->
    <view class="top-icon-text">研学游</view>
  </view>
</view>
<view class="content">
  <view class="sale-road-boxes" wx:if="{{false}}">
    <view class="sale-box" bindtap="gotoPath" data-event="discount_click" data-title="特惠新品" data-path="/pages/list/{{isTest==false?'sale':'scene'}}/index">
      <view class="sale-title"><text>特惠新品</text>超值商品限时抢购</view>
      <view class="sale-product">
        <view class="sale-product-bg"></view>
        <image mode="aspectFill" class="sale-img" src="https://static.ticket.sz-trip.com/uploads/20211022/0c90b027b5572b559b34c219eaf257ba.jpg"></image>
        <image class="sale-tip-img" src="https://static.ticket.sz-trip.com/xcxImages/spring22/sale.png" mode="aspectFill">
        </image>
        <view class="sale-info">
          <view class="sale-product-title textOver2">
            <view>限时特惠</view>
            <view>新品推荐</view>
          </view>
          <view class="sale-price" style="#F44747" wx:if="{{saleProduct}}">
            ￥{{saleProduct.price?saleProduct.price/100:0}}起</view>
        </view>
      </view>
    </view>
    <view class="sale-box" bindtap="gotoPath" data-event="route_click" data-title="精品线路" data-path="/pages/list/road/index">
      <view class="sale-title"><text>精品线路</text>带你轻松玩转苏州</view>
      <view class="sale-product">
        <view class="sale-product-bg road-product-bg"></view>
        <common-image class="sale-img" width="173rpx" height="165rpx" src="https://static.ticket.sz-trip.com/uploads/20211022/f8d9b54fa477b9ad8bf14e119664455e.jpg" mode="aspectFill"></common-image>
        <image class="sale-tip-img" src="https://static.ticket.sz-trip.com/xcxImages/spring22/road.png" mode="aspectFill">
        </image>
        <view class="sale-info">
          <view class="sale-product-title textOver2">
            <view>四季苏州</view>
            <view>最是江南</view>
          </view>
          <view class="sale-price" style="color:rgb(0, 153, 137)" wx:if="{{roadProduct}}">
            ￥{{roadProduct.price?roadProduct.price/100:0}}起</view>
        </view>
      </view>
    </view>
  </view>
  <!-- 五一修改 一张banner不滚动 -->
  <view class="small-swiper-box" wx:if="{{xiaobanner.length === 1}}">
    <image bindtap="bannerClick" data-item="{{xiaobanner[0]}}" style="border-radius:13rpx;width: 100%" src="{{xiaobanner[0].head_img}}" mode="widthFix"></image>
  </view>
  <view class="small-swiper-box" wx:else>
    <swiper class="small-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" bindchange="changeSmBannerIndex">
      <block wx:for="{{xiaobanner}}" wx:key="*this">
        <swiper-item bindtap="bannerClick" data-item="{{item}}">
          <!-- 原 圆角77rpx，现改为13rpx -->
          <image style="border-radius:13rpx" src="{{item.head_img}}" mode="aspectFill"></image>
        </swiper-item>
      </block>
    </swiper>
    <view class="dot-list com-flex sm-dot-list">
      <view class="dot{{smBannerIndex==index?' active':''}}" wx:for="{{xiaobanner}}" wx:key="this"></view>
    </view>
  </view>
  <!-- 2024年 夏季改UI新增景区舒适度和实时路况 -->
  <view style="display: flex;">
    <!-- <view bindtap="gotoUrl" data-event="comfort_click" data-title="景区舒适度" data-url="https://m.cloud.sz-trip.com/aiPlay" class="jqssd"> -->
    <view bindtap="gotoUrl" data-event="comfort_click" data-title="景区舒适度" data-url="https://m.cloud.sz-trip.com/ScenicComfort" class="jqssd">
      <image src="{{indexSeason.ai}}" mode=""/>
    </view>
    <view bindtap="gotoUrls" data-event="xlqc" class="sslk">
      <image src="{{indexSeason.avoid}}" mode=""/>
    </view>
  </view>
  <!-- 元旦修改  限时特惠--新版-->
  <view class="sale-road-boxes xpth" style="margin-bottom: 18.67rpx;margin-top: 0;padding-top: 0;" wx:if="{{!isTest}}">
    <!-- 上方标题部分 -->
    <view class="xsth-title">
      <view class="xsth-left" style="display: flex;">
        <image mode="heightFix" style="height:86rpx" src="{{indexSeason.xpth}}"></image>
      </view>
      <view class="time-box" style="z-index: 9;">
        倒计时
        <view class="xsth-time" style="margin-left: 20rpx;">{{djs.h}}</view>
        <text>:</text>
        <view class="xsth-time">{{djs.m}}</view>
        <text>:</text>
        <view class="xsth-time">{{djs.s}}</view>
      </view>
      <!-- <image class="rmtj-right" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/springFestival2024/xpth-right.png" mode=""/> -->
      <!-- <view class="xsth-more" bindtap="goBanner" data-url="{{xpth.adv.tdata}}">
        更多<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/yuandan2024/rightIcon.png" mode="heightFix"/>
      </view> -->
    </view>
    <!-- 商品部分 -->
    <view class="xpth-product">
      <!-- 左边的2个产品 -->
      <view class="xpth-left">
        <view class="xpth-item" wx:for="{{xpth.list}}" bindtap="productGotoDetail" data-item="{{item}}" wx:key="id">
          <image src="{{item.headimg}}" mode="" />
          <view class="xpth-item-content">
            <view class="xpth-item-title textOver2">{{item.title}}</view>
            <!-- <view class="xpth-tag">唇齿留香</view> -->
            <view class="xpth-item-bottom">
              <view class="xpth-item-price">{{item.price/100}}</view>
              <!-- <view class="xpth-item-buy">立即抢购</view> -->
            </view>
          </view>
        </view>
      </view>
      <!-- 右边的banner -->
      <image bindtap="goBanner" class="xpth-banner" data-url="{{xpth.adv.tdata}}" src="{{xpth.adv.head_img}}" mode="aspectFill" />
    </view>
  </view>
  <view class="sale-road-boxes" style="margin-top:0">
    <image mode="heightFix" style="height:86rpx" src="{{indexSeason.wlcx}}"></image>
    <image class="rmtj-right" src="https://static.ticket.sz-trip.com/uploads/20240606/479dad06e6cf67bc45f7cf605d982184.png" mode="" />
  </view>
  <!-- 五一修改 .slide-out-box 增加背景色-->
  <view class="slide-out-box">
    <!-- 元旦修改 .slide-box的原样式 height:360rpx-->
    <scroll-view scroll-x style="height:343.33rpx" bindscroll="listenScroll" class="slide-box">
      <view class="pbservice" style="margin-bottom:30rpx">
        <view bindtap="gotoUrl" data-title="非遗鉴赏" style="margin-left: 20rpx;" data-url="https://m.cloud.sz-trip.com/IntangibleCultural2" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240606/97844beceebd503256bebae5afd6820b.png" mode="widthFix"></image>
          <view class="text">数字非遗</view>
        </view>
        <view bindtap="goH5" data-title="数字博物馆" data-path="BwsInfo" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240606/27acb48002369a8203762acc783c7492.png" mode="widthFix"></image>
          <view class="text">数字博物馆</view>
        </view>
        <view bindtap="gotoUrl" data-title="数字名人馆" data-url="https://www.szsmrg.com/home" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240717/df0683bb40ec2615a932ef2379779374.png" mode="widthFix"></image>
          <view class="text">数字名人馆</view>
        </view>
        <view bindtap="gotoUrl" data-event="cloud_click" data-title="云上观展" data-url="https://m.cloud.sz-trip.com/CloudPerform2022" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240606/5711260f02772eebaba9dba9dfda2b4f.png" mode="widthFix"></image>
          <view>云上观展</view>
        </view>
        <view bindtap="goH5" data-event="book_click" data-title="文博会" data-path="CloudExpo" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240606/4a3804f24e034e15f19c27a85d0a8ac4.png" mode="widthFix"></image>
          <view class="text">云上文博会</view>
        </view>
        <view bindtap="gotoPath" data-event="review_click" data-title="精彩回顾" data-path="/pages/pbService/activity/index" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240606/e5b8c83dd99e18b9af6b15aede1c458b.png" mode="widthFix"></image>
          <view class="text">精彩回顾</view>
        </view>
        <view bindtap="goH5" data-title="文化场馆查询" data-path="Museum" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240606/29b2954718fe7b7232fe352eb503fbf0.png" mode="widthFix"></image>
          <view class="text">文化场馆查询</view>
        </view>
        <view bindtap="gotoPath" style="margin-left: 20rpx;" data-event="book_click" data-title="苏影通" data-path="/pages/list/movieticket/index" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240606/5b2f56e57caa058ef0293a682bc620c5.png" mode="widthFix"></image>
          <view class="text">苏影通</view>
        </view>
        <view bindtap="gotoPath" data-event="book_click" data-title="书仓" data-path="/pages/pbService/library/index" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240606/92ddf619960de959f760d5690ed5007a.png" mode="widthFix"></image>
          <view class="text">书仓</view>
        </view>
        <view bindtap="gotoPath" data-event="e_book" data-title="e读书" data-path="/pages/pbService/library/index" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240717/1a5fc26d419e589c5649273f8105b723.png" mode="widthFix"></image>
          <view class="text">e读书</view>
        </view>

        <view bindtap="gotoUrl" data-event="book_click" data-title="公共文化资源库" data-url="https://m.cloud.sz-trip.com/PublicCulture2022" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240606/0f422cb2026f42c772ab12d384f5b7ef.png" mode="widthFix"></image>
          <view class="text">数字公共文化</view>
        </view>
        <!-- <view bindtap="gotoPath" data-event="institution_click" data-title="文旅单位"
          data-path="/pages/list/culturalUnit/index" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240606/5b0b1be9942bfae84ddbd218421e098f.png" mode="widthFix"></image>
          <view class="text">文旅单位</view>
        </view> -->
        <!-- <view bindtap="gotoPath" data-event="book_click" data-title="书仓" data-path="/pages/pbService/library/index"
          class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240606/92ddf619960de959f760d5690ed5007a.png" mode="widthFix"></image>
          <view class="text">书仓</view>
        </view> -->
        <view bindtap="gotoUrl" data-event="appreciate_click" data-title="云游苏州" data-url="https://speed.web.yunyouyizhan.com/downloadApp/index.html#/" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240717/fab990ef40d7424c9f4616a229b03777.png" mode="widthFix"></image>
          <view class="text">云游苏州</view>
        </view>
        <view bindtap="gotoPath" data-event="appreciate_click" data-title="美图鉴赏" data-path="/pages/pbService/appreciate/index" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240606/61aac5403bb54bb4cea6a9587da6863b.png" mode="widthFix"></image>
          <view class="text">美图鉴赏</view>
        </view>
        <!-- <view bindtap="gotoPath" data-event="culture_search_click" data-title="文物查询"
          data-path="/pages/pbService/wwcx/index" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb3.png" mode="widthFix"></image>
          <view>文物查询</view>
        </view> -->
        <!-- <view bindtap="gotoPath" data-event="museum_search_click" data-title="博物馆查询"
          data-path="/pages/pbService/museum/index" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb6.png" mode="widthFix"></image>
          <view>博物馆查询</view>
        </view> -->
        <!-- <view bindtap="gotoUrl" data-event="book_click" data-title="文博会" data-url="https://yscbh.sz-trip.com/"
          class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20220810/ceb07b75aa3df20d7f1de22e2588332a.png" mode="widthFix"></image>
          <view>云上文博会</view>
        </view> -->
        <!-- <view bindtap="gotoUrl" data-event="investment_click" data-title="投资导引图" data-url="https://hot-map.sz-trip.com/"
          class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20240606/c66d07e172fe3dd66afc0c69340a7b7d.png" mode="widthFix"></image>
          <view class="text">投资导引图</view>
        </view> -->
        <!-- <view bindtap="gotoUrl" data-title="数字文物"
          data-url="https://foxnut-gffcu6t2.pai.tcloudbase.com/suzhouguobao/index.html#/" class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb12.png" mode="widthFix"></image>
          <view>数字文物</view>
        </view> -->
        <!-- <view bindtap="gotoPath" data-event="team_click" data-title="团体预约" data-path="/pages/pbService/group/index"
          class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb9.png" mode="widthFix"></image>
          <view>团体预约</view>
        </view> -->
        <!-- <view bindtap="gotoUrl" data-title="廉洁地图"
          data-url="https://ljwhdt.lianshi.gov.cn:8443/Web/WebChatJCW/Mobile/EduBase/MobileMap.aspx"
          class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb10.png" mode="widthFix"></image>
          <view>廉洁地图</view>
        </view> -->
        <!-- <view bindtap="gotoPath" data-event="book_click" data-title="文化配送" data-path="/pages/culture/index"
          class="pbservice-item">
          <image src="https://static.ticket.sz-trip.com/uploads/20220818/e02af6e8bf9170060ed7295d367d72c1.png" mode="widthFix"></image>
          <view>文化配送</view>
        </view> -->
      </view>
    </scroll-view>
    <view class="scroll-line">
      <!-- <view class="scroll-line-bg" style="width:{{4 / 5 * 100}}%;margin-left:{{scrollLeft}}px"></view> -->
      <!-- 元旦修改 以下两行都是改的 .scroll-line-bg .scroll-line-bg2-->
      <view class="scroll-line-bg" wx:if="{{scrollLeft == 0}}" style="width:37rpx;"></view>
      <view class="scroll-line-bg2" wx:else style="width:37rpx;"></view>
    </view>
  </view>
  <view class="sale-road-boxes" style="margin-top:0">
    <image mode="heightFix" style="height:86rpx" src="{{indexSeason.lyzs}}"></image>
    <image class="rmtj-right" src="https://static.ticket.sz-trip.com/uploads/20240606/7f1962fbfe1c56155ace577eeb8e6580.png" mode="" />
  </view>
  <view class="pic-list" style="margin-top:20rpx" wx:if="{{!isTest}}">
    <image class="new-pic" bindtap="gotoUrl" data-event="dou_click" data-title="抖in苏州" data-url="https://m.cloud.sz-trip.com/ShakeInDetailList?id=350&class_id=27&index=1" src="https://static.ticket.sz-trip.com/uploads/20240428/c40ddcb3ed2c971eec02187374540d06.png" mode="aspectFill"></image>
    <image class="new-pic" bindtap="gotoPath" data-event="food_click" data-title="街巷美食" data-path="/pages/list/{{isTest?'road':'food'}}/index" src="https://static.ticket.sz-trip.com/uploads/20240428/866baa2713b1819cb861aec9fd34970d.png" mode="aspectFill"></image>
    <image class="new-pic" bindtap="audioGuide" data-event="voice_click" src="https://static.ticket.sz-trip.com/uploads/20240428/7e1fc96543b093aa6871172770d0db6b.png" mode="aspectFill">
    </image>
    <image class="new-pic" bindtap="gotoPath" data-event="guide_click" data-title="游记攻略" data-path="/pages/list/strategy/index" src="https://static.ticket.sz-trip.com/uploads/20240428/3c21e5876209c1bad4bbfcc688779c08.png" mode="aspectFill"></image>
    <!-- <image class="new-pic" bindtap="gotoUrl" data-event="dou_click" data-title="抖in苏州"
      data-url="https://m.cloud.sz-trip.com/ShakeInDetailList?id=350&class_id=27&index=1"
      src="https://static.ticket.sz-trip.com/jundaosuzhou/images/yuandan2024/disz.png" mode="aspectFill"></image> -->
    <!-- <image class="new-pic" bindtap="gotoPath" data-event="food_click" data-title="街巷美食"
      data-path="/pages/list/{{isTest?'road':'food'}}/index"
      src="https://static.ticket.sz-trip.com/jundaosuzhou/images/yuandan2024/jxms.png" mode="aspectFill"></image> -->
    <!-- <image class="new-pic" bindtap="audioGuide" data-event="voice_click"
      src="https://static.ticket.sz-trip.com/jundaosuzhou/images/yuandan2024/yydl.png" mode="aspectFill">
    </image>
    <image class="new-pic" bindtap="gotoPath" data-event="guide_click" data-title="游记攻略" data-path="/pages/list/strategy/index"
      src="https://static.ticket.sz-trip.com/jundaosuzhou/images/yuandan2024/yjgl.png" mode="aspectFill"></image> -->
    <!-- 元旦修改 下面4个为原始的， 上面的是新改的 新改的class为 new-pic -->
    <!-- <image bindtap="gotoUrl" data-event="dou_click" data-title="抖in苏州"
      data-url="https://m.cloud.sz-trip.com/ShakeInDetailList?id=350&class_id=27&index=1"
      src="https://static.ticket.sz-trip.com/jundaosuzhou/images/jdsz/douinsuzhou.png" mode="aspectFill"></image>
    <image bindtap="gotoPath" data-event="food_click" data-title="街巷美食"
      data-path="/pages/list/{{isTest?'road':'food'}}/index"
      src="https://static.ticket.sz-trip.com/jundaosuzhou/images/jdsz/suzhoumeishi.png" mode="aspectFill"></image>
    <image bindtap="audioGuide" data-event="voice_click"
      src="https://static.ticket.sz-trip.com/jundaosuzhou/images/jdsz/yuyindaohang.png" mode="aspectFill">
    </image>
    <image bindtap="gotoPath" data-event="guide_click" data-title="游记攻略" data-path="/pages/list/strategy/index"
      src="https://static.ticket.sz-trip.com/jundaosuzhou/images/jdsz/youjigonlue.png" mode="aspectFill"></image> -->
    <!-- <image bindtap="city" data-event="city_click" src="https://static.ticket.sz-trip.com/xcxImages/index/cxzs4.png"
      mode="aspectFill"></image> -->
  </view>
  <view class="sale-road-boxes" style="margin-top:0;">
    <image mode="heightFix" style="height:86rpx" src="{{indexSeason.ggfw}}"></image>
    <navigator url="/pages/pbService/index" catchtap="pagePoint" data-event="public_view" class="title-more">
      <view>
        查看全部
      </view>
      <image style="width: 20rpx;height: 20rpx;margin-left: 8rpx;" src="https://static.ticket.sz-trip.com/uploads/20240617/ae3b9e3833861d242489c844e0abe99e.png" mode="" />
      <!-- <text class="iconfont icon-you"></text>  -->
    </navigator>
    <!-- <image class="rmtj-right" style="z-index: 2;" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/springFestival2024/ggfw-right.png" mode=""/> -->
  </view>
  <view style="overflow-x:auto;background: #FFFED6;border-radius: 20rpx;background:url('https://static.ticket.sz-trip.com/uploads/20240617/e1c3f60baf65787d593c6a7c79f881c7.png');background-size: 100% 100%;height: 199.33rpx;">
    <!-- 元旦修改 ggfw为新增类名 -->
    <view class="pbservice ggfw-list" style="width:100%;margin-top: 43rpx;">
      <!-- <view bindtap="gotoPath" data-event="comfort_click" data-title="景区舒适度"
        data-path="/pages/pbService/sceneComfort/index" class="pbservice-item">
        <image src="https://static.ticket.sz-trip.com/xcxImages/pbservice/pb4.png" mode="widthFix"></image>
        <view>景区舒适度</view>
      </view> -->
      <!-- 元旦修改 ggfw为新增类名 -->
      <!-- <view bindtap="gotoPath" data-event="security_home_click" data-title="安全服务" data-path="/pages/pbService/security/index" class="pbservice-item ggfw" style="margin-right: 32.33rpx;">
        <image src="https://static.ticket.sz-trip.com/uploads/20240606/5bc25bb21009b5f652b07d7c5d44b247.png" mode="widthFix"></image>
        <view>安全服务</view>
      </view> -->
      <view bindtap="gotoUrl" data-event="sbk" data-title="电子社保卡" data-url="https://m.cloud.sz-trip.com/sbkLogin" class="pbservice-item ggfw" style="margin-right: 32.33rpx;">
        <image src="https://static.ticket.sz-trip.com/uploads/20240624/28e0cadbb7363dec9b51b1174bd2c5a5.png" mode="widthFix"></image>
        <view>电子社保卡</view>
      </view>
      <view bindtap="gotoUrl" data-event="comfort_click" data-title="景区舒适度" data-url="https://m.cloud.sz-trip.com/ScenicComfort" class="pbservice-item ggfw" style="margin-right: 32.33rpx;">
        <image src="https://static.ticket.sz-trip.com/uploads/20240606/55bbad2e7dcec9bd9753fc848488b8f2.png" mode="widthFix"></image>
        <view>景区舒适度</view>
      </view>
      <view bindtap="gotoUrl" data-event="xlqc" data-url="https://weixin.2500sz.net/zt/2023/07/luggage_storage/" class="pbservice-item ggfw" style="margin-right: 32.33rpx;">
        <!-- <image src="https://static.ticket.sz-trip.com/uploads/20230808/484100644e7f02f4eb722a8c2e665927.png" mode="widthFix"></image> -->
        <!-- 元旦修改 -->
        <image src="https://static.ticket.sz-trip.com/uploads/20240606/311deeac7cd4dbf821b9b394e69431ed.png" mode="widthFix"></image>
        <view>行李寄存</view>
      </view>
      <view bindtap="gotoUrl" data-event="xlqc" data-url="https://jiaotonghao2.amap.com/?channel=amap&unitId=257&src=app_share#/" class="pbservice-item ggfw" style="margin-right: 0;">
        <!-- <image src="https://static.ticket.sz-trip.com/uploads/20230901/21668c913dd4875d05eba398e905b9f0.png" mode="widthFix"></image> -->
        <!-- 元旦修改 -->
        <image src="https://static.ticket.sz-trip.com/uploads/20240606/a6ab539577b9003e35061a888ec4aa27.png" mode="widthFix"></image>
        <view>实时路况</view>
      </view>
      <!-- <view bindtap="gotoPath" data-event="toilet_home_click" data-title="找厕所"
        data-path="/pages/pbService/bike/index?type=1" class="pbservice-item">
        <image src="https://static.ticket.sz-trip.com/xcxImages/index/pb2.png" mode="widthFix"></image>
        <view>找厕所</view>
      </view> -->
      <!-- <view bindtap="gotoPath" data-event="car_park_home_click" data-title="停车场"
        data-path="/pages/pbService/bike/index?type=2" class="pbservice-item">
        <image src="https://static.ticket.sz-trip.com/xcxImages/index/pb3.png" mode="widthFix"></image>
        <view>停车场</view>
      </view> -->
      <!-- <view bindtap="gotoPath" data-event="security_home_click" data-title="12348" data-path="/pages/index/index"
        class="pbservice-item">
        <image src="https://static.ticket.sz-trip.com/xcxImages/index/pb4New.png" mode="widthFix"></image>
        <view>12348</view>
      </view> -->
    </view>
  </view>
  <view class="sale-road-boxes">
    <image mode="heightFix" style="height:86rpx" src="{{indexSeason.sqj}}"></image>
    <image class="rmtj-right" src="https://static.ticket.sz-trip.com/uploads/20240428/6955225b950d5bbe5168f5d9994a6098.png" mode="" />
  </view>
  <!-- <view class="six-box">
    <image bindtap="gotoPath" data-event="{{area_ids[index]}}_click" data-title="苏城六纪"
      data-path="/pages/list/six/index?area={{area_ids[index]}}" wx:for="{{10}}"
      src="https://static.ticket.sz-trip.com/xcxImages/index/six{{index+1}}.png" mode="widthFix">
    </image>
  </view> -->
  <!-- 元旦修改 十全街新 以上注释部分为之前的版本-->
  <view class="six-box-new" wx:if="{{!isTest}}">
    <image bindtap="gotoPath" data-event="{{area_ids[index]}}_click" data-title="苏城六纪" data-path="/pages/list/six/index?area={{area_ids[index]}}" wx:for="{{sqjNew}}" src="{{sqjNew[index]}}" mode="widthFix" wx:key="index">
    </image>
  </view>
  <view class="sale-road-boxes" style="margin-top:0" wx:if="{{otherPlat}}">
    <image mode="heightFix" style="height:86rpx" src="{{indexSeason.csjwlpt}}"></image>
    <image class="rmtj-right" src="https://static.ticket.sz-trip.com/uploads/20240428/f6648d96e0f6d99cc8d82633b5ad1536.png" mode="" />
  </view>
  <view class="other-plats" wx:if="{{otherPlat&&!isTest}}">
    <view class="other-plat" wx:for="{{otherPlat}}" bindtap="gotoOther" data-item="{{item}}" wx:key="this">
      <image src="{{item.icon}}" mode="widthFix"></image>
      <view>{{item.name}}</view>
    </view>
  </view>
  <view class="sale-road-boxes" style="margin-top:0">
    <image mode="heightFix" style="height:86rpx" src="{{indexSeason.rmtj}}"></image>
    <image class="rmtj-right" src="https://static.ticket.sz-trip.com/uploads/20240428/31601dded0df580774b24b064bbb6580.png" mode="" />
  </view>
  <view class="hot-list" wx:if="{{isTest==false}}">
    <view class="hot-list-item" wx:for="{{2}}" wx:for-index="number" wx:key="this">
      <view wx:for="{{list}}" wx:if="{{index%2==number}}" bindtap="gotoDetail" data-item="{{item}}" wx:key="id">
        <view wx:if="{{number==0 && index==0}}" class="hot-item today-hot">
          <common-image class="today-main-img" width="100%" height="615rpx" src="{{item.ext.headimg}}" mode="aspectFill"></common-image>
          <view style="position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.14)"></view>
          <image class="today-tip-img" src="https://static.ticket.sz-trip.com/xcxImages/index/today.png" mode="widthFix"></image>
          <view class="today-date">{{date}} {{month}}</view>
          <view class="today-hot-box">
            <view class="today-hot-tag textOver" wx:for="{{item.ext.display_tags && ext.display_tags.length>0}}" wx:key="this">
              {{item.ext.display_tags[0]}}</view>
            <view class="today-hot-title">{{item.title}}</view>
          </view>
        </view>
        <view class="hot-item" wx:elif="{{item.type=='travels'}}">
          <view style="position:relative">
            <common-image width="100%" src="{{item.ext.headimg}}" mode="widthFix"></common-image>
            <view class="hot-location textOver">{{item.ext.subtitle}}</view>
          </view>
          <view class="hot-info">
            <view class="hot-title">{{item.title}}</view>
            <view class="tags textOver" style="margin-bottom:0">
              <view class="icon-box">
                <text class="iconfont icon-xin"></text>
                <text>{{item.ext.like_number}}</text>
              </view>
              <view class="icon-box">
                <text class="iconfont icon-eye"></text>
                <text>{{item.ext.view_number}}</text>
              </view>
            </view>
          </view>
        </view>
        <view wx:else class="hot-item">
          <view style="position:relative">
            <common-image width="100%" src="{{item.ext.headimg}}" mode="widthFix"></common-image>
            <!-- <view wx:if="{{item.type!='act_calendar' && item.ext.address}}" class="hot-location textOver"><text
                class="iconfont icon-location"></text>{{item.ext.address}}</view> -->
          </view>
          <view class="hot-info">
            <view class="hot-title">{{item.title}}</view>
            <!-- <view class="tags textOver">
              <view wx:for="{{item.ext.display_tags}}" class="tag textOver">{{item}}</view>
            </view> -->
            <view wx:if="{{item.ext.type!='tenscenic' && item.ext.price}}" class="hot-price">
              <text>￥</text><text>{{item.ext.price/100}}</text><text>起</text>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view wx:if="{{listMore && isTest==false}}" class="more-btn-text" bindtap="getList">查看更多</view>
  <view wx:else class="more-btn-text" bindtap="getList">暂无更多推荐</view>
</view>
<view class="mask prizeMask" wx:if="{{videoPrize}}">
  <view class="mask-bg"></view>
  <view class="mask-content" style="width:100%;display:flex;flex-direction:column;background:none;border-radius:0;align-items:center">
    <!-- 中奖的卡券 -->
    <view style="position:relative" wx:if="{{prizeInfo && prizeInfo.type=='coupon'}}">
      <image bindtap="choosePrize" style="display:block;width:533rpx" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/bg1.png" mode="widthFix"></image>
      <image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/congratulation.png" mode="widthFix" class="prize-tip-text"></image>
      <view class="prize-name">{{prizeInfo.prize_name}}</view>
      <view class="prize-img">
        <image src="{{prizeInfo.head_img}}" mode="aspectFill"></image>
      </view>
      <!-- <view class="btn-box">
        <image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/btnbg.png" mode="widthFix"></image>
        <navigator url="/pages/user/videoCoupon/index">前往查看</navigator>
      </view> -->
    </view>
    <!-- 中奖的产品 -->
    <view style="position:relative" wx:elif="{{prizeInfo && prizeInfo.type=='product'}}">
      <image bindtap="choosePrize" style="display:block;width:533rpx" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/bg1.png" mode="widthFix"></image>
      <image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/congratulation.png" mode="widthFix" class="prize-tip-text"></image>
      <view class="prize-name">{{prizeInfo.prize_name}}</view>
      <view class="prize-img">
        <image src="{{prizeInfo.head_img}}" mode="aspectFill"></image>
      </view>
      <!-- <view class="btn-box">
        <image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/btnbg.png" mode="widthFix"></image>
        <navigator url="/pages/user/videoCoupon/index">前往查看</navigator>
      </view> -->
    </view>
    <!-- 未中奖 -->
    <view style="position:relative" wx:elif="{{prizeInfo && prizeInfo.type=='none'}}">
      <image bindtap="choosePrize" style="display:block;width:533rpx" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/bg1.png" mode="widthFix"></image>
      <image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/sorrytext.png" mode="widthFix" class="prize-tip-text"></image>
      <view class="prize-name">您与奖品擦肩而过期待下次参与</view>
      <view class="prize-img">
        <image src="{{prizeInfo.head_img}}" mode="aspectFill"></image>
      </view>
      <view class="btn-box">
        <image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/btnbg.png" mode="widthFix"></image>
        <view bindtap="closePrice">我知道了</view>
      </view>
    </view>
    <!-- 未抽奖状态 -->
    <view style="position:relative" wx:else>
      <image bindtap="choosePrize" style="display:block;width:533rpx" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/allbg.png" mode="widthFix"></image>
      <view class="nomore-tip-btn" bindtap="noMoreTip"></view>
    </view>
    <image bindtap="closePrice" style="width:80rpx;margin-top:40rpx" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/allclose.png" mode="widthFix"></image>
  </view>
</view>
<!-- 广告弹窗 -->
<view class="zzc" bindtap="closeAdv" wx:if="{{showAdv}}"></view>
<view class="alertavd" wx:if="{{showAdv}}">
  <swiper class="alertsp" indicator-dots='{{true}}' indicator-color="rgba(255,255,255,0.5)" autoplay="{{true}}" interval="{{3000}}" duration="{{300}}" indicator-active-color="white">
    <block wx:for="{{alertSwipeList}}" wx:key="*this">
      <swiper-item data-item="{{item}}" bindtap="bannerJumpNew">
        <image src="{{item.head_img}}" style="width: 100%; height:100%; border-radius: 10rpx;" mode="aspectFill"></image>
      </swiper-item>
    </block>
  </swiper>
  <image bindtap="closeAdv" style="width: 100rpx; height: 100rpx;transform: translate(200rpx,6rpx);" src="https://static.ticket.sz-trip.com/uploads/20220810/f4bb1a4f0b5eb394e6ca6e4f03aaa1e0.png"></image>
</view>
<!-- 广告弹窗结束 -->
<view class="fullavd" wx:if="{{showFullAdv && startList.head_img}}" style="opacity: {{opacity}}">
  <view class="time" bindtap="closeFullAdv" wx:if="{{showTime && startList.media_type}}">{{time}}s跳过</view>
  <view class="Qtop" style="min-height:100vh" wx:if="{{showTime && startList.media_type}}">
    <image src="{{startList.head_img}}" mode="widthFix" style="width: 100%;height: 100%;"></image>
  </view>

  <!-- 视频 -->
  <view style="width:100vw;height: 100vh;position: relative;" wx:if="{{!startList.media_type}}">
    <video style="width:100vw;height:100vh;display:block;" id="myVideo" src="{{startList.head_img}}" show-center-play-btn="{{false}}" show-play-btn="{{true}}" autoplay controls="{{false}}" bindended="videoend" loop="{{true}}" muted="{{isMuted}}" object-fit="fill"></video>

    <!-- <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/startPage/mute.png" class="muteImg" mode="widthFix" wx:if="{{isMuted}}" bindtap="closeMuted"></image> -->
    <!-- <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/startPage/sound.png" class="muteImg" mode="widthFix" wx:else bindtap="closeMuted"></image> -->
    <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/startPage/logo.png" class="logoImg" mode="widthFix"></image>
    <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/startPage/btn.png" class="btnImg" mode="widthFix" bindtap="closeFullAdv"></image>
    <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/startPage/play.png" class="playImg" mode="widthFix" wx:if="{{videoPlay}}" bindtap="videoPlay"></image>
    <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/startPage/pause.png" class="playImg" mode="widthFix" wx:else bindtap="videoPause"></image>
  </view>
</view>
<!-- <view class="topBox">
    <view class="Qtop" :style="{height:height}">
      <image style="width: 100%;height:{{height}}" src="{{startList.head_img}}" mode=""/>
    </view>
    <view class="jumpBox">
      <view class="time">{{time}}s</view>
      <view bind:tap="gotoIndex">跳过</view>
    </view>
</view> -->