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>
<view wx:if="{{weather}}" class="top-box">
  <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/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">
  <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">
  <swiper class="swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" bindchange="changeBannerIndex">
    <block wx:for="{{banner}}" wx:key="*this">
      <swiper-item bindtap="bannerClick" data-item="{{item}}">
        <image src="{{item.head_img}}" mode="aspectFill"></image>
      </swiper-item>
    </block>
  </swiper>
  <view class="com-flex dot-list">
    <view class="dot{{index===activeBannerIndex?' active':''}}" wx:for="{{banner}}"></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">
  <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/xcxImages/index/icon1.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/xcxImages/index/icon3.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/xcxImages/index/icon4.png" mode="widthFix"></image>
    <view class="top-icon-text">酒店住宿</view>
  </view>
  <view bindtap="gotoPath" data-event="night_click" data-title="夜游苏州" data-path="/pages/list/night/index" class="top-icon-item">
    <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon5.png" mode="widthFix"></image>
    <view class="top-icon-text">夜游苏州</view>
  </view>
  <view bindtap="gotoPath" data-event="card_click" data-title="一卡游苏州" data-path="/pages/list/card/index" class="top-icon-item">
    <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon2.png" mode="widthFix"></image>
    <view class="top-icon-text">一卡游苏州</view>
  </view>
  <view bindtap="gotoPath" data-event="museum_click" data-title="场馆预约" data-path="/pages/list/{{isTest?'scene':'museum'}}/index" class="top-icon-item">
    <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon6.png" mode="widthFix"></image>
    <view class="top-icon-text">场馆预约</view>
  </view>
  <view bindtap="gotoPath" data-event="legacy_click" data-title="非遗专卖" data-path="/pages/list/{{isTest?'scene':'feiyi'}}/index"
    class="top-icon-item">
    <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon7.png" mode="widthFix"></image>
    <view class="top-icon-text">非遗专卖</view>
  </view>
  <view bindtap="gotoPath" data-event="show_click" data-title="剧场演出" data-path="/pages/list/{{isTest?'activity':'theatre'}}/index"
    class="top-icon-item">
    <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon8.png" mode="widthFix"></image>
    <view class="top-icon-text">剧场演出</view>
  </view>
  <view bindtap="gotoPath" data-event="specialty_click" data-title="文创特产" data-path="/pages/list/{{isTest?'road':'techan'}}/index"
    class="top-icon-item">
    <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon9.png" mode="widthFix"></image>
    <view class="top-icon-text">文创特产</view>
  </view>
  <view bindtap="gotoPath" data-event="movie_click" data-title="电影购票" data-path="/pages/list/movieticket/index" class="top-icon-item">
    <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon10.png" mode="widthFix"></image>
    <view class="top-icon-text">电影购票</view>
  </view>
</view>
<view class="content">
  <view class="sale-road-boxes">
    <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>
  <view class="small-swiper-box">
    <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}}">
          <image style="border-radius:77rpx" 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}}"></view>
    </view>
  </view>
  <view class="sale-road-boxes" style="margin-top:0">
    <image mode="widthFix" style="width:403rpx" src="https://static.ticket.sz-trip.com/xcxImages/spring22/title1.png">
    </image>
  </view>
  <view class="pic-list" style="margin-top:20rpx">
    <image bindtap="gotoPath" data-event="food_click" data-title="街巷美食" data-path="/pages/list/{{isTest?'road':'food'}}/index"
      src="https://static.ticket.sz-trip.com/xcxImages/index/pic1.png" mode="aspectFill"></image>
    <image bindtap="audioGuide" data-event="voice_click" src="https://static.ticket.sz-trip.com/xcxImages/index/pic2.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/xcxImages/index/pic3.png" mode="aspectFill"></image>
    <image bindtap="city" data-event="city_click" src="https://static.ticket.sz-trip.com/xcxImages/index/pic4.png" mode="aspectFill"></image>
  </view>
  <view class="sale-road-boxes" style="margin-top:0;align-items:center">
    <image mode="widthFix" style="width:403rpx" src="https://static.ticket.sz-trip.com/xcxImages/spring22/title2.png">
    </image>
    <navigator url="/pages/pbService/index" catchtap="pagePoint" data-event="public_view" class="title-more">更多<text class="iconfont icon-you"></text> </navigator>
  </view>
  <view style="overflow-x:auto">
    <view class="pbservice" style="width:100%">
      <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>
      <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="安全服务" data-path="/pages/pbService/security/index" class="pbservice-item">
        <image src="https://static.ticket.sz-trip.com/xcxImages/index/pb4.png" mode="widthFix"></image>
        <view>安全服务</view>
      </view>
    </view>
  </view>
  <view class="sale-road-boxes" style="margin-top:0">
    <image mode="widthFix" style="width:403rpx" src="https://static.ticket.sz-trip.com/xcxImages/spring22/title3.png">
    </image>
  </view>
  <scroll-view scroll-x style="height:360rpx" bindscroll="listenScroll" class="slide-box">
    <view class="pbservice" style="margin-bottom:30rpx">
      <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/xcxImages/index/newpb1.png" mode="widthFix"></image>
        <view>投资导引图</view>
      </view>
      <view bindtap="gotoPath" data-title="非遗传承" data-path="/pages/pbService/feiyi/index" class="pbservice-item">
        <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb2.png" mode="widthFix"></image>
        <view>非遗传承</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="appreciate_click" data-title="在线鉴赏" data-path="/pages/pbService/appreciate/index" class="pbservice-item">
        <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb4.png" mode="widthFix"></image>
        <view>在线鉴赏</view>
      </view>
      <!-- <view bindtap="gotoPath" data-title="文化配送" data-path="/pages/culture/index" class="pbservice-item">
        <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb7.png" mode="widthFix"></image>
        <view>文化配送</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/xcxImages/index/newpb5.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="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="gotoPath" data-event="review_click" data-title="精彩回顾" data-path="/pages/pbService/activity/index" class="pbservice-item">
        <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb8.png" mode="widthFix"></image>
        <view>精彩回顾</view>
      </view>

      <!-- <view bindtap="gotoUrl" data-title="廉洁地图" data-url="https://www.lianshi.gov.cn:6295/jianchawei/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="institution_click" data-title="文旅单位" data-path="/pages/list/culturalUnit/index" class="pbservice-item">
        <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb11.png" mode="widthFix"></image>
        <view>文旅单位</view>
      </view>
      <view bindtap="gotoMini" data-title="国保微展示" data-path="pages/index/index" data-appid="wxe21b8429555d777a" class="pbservice-item">
        <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb12.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>
  </view>
  <view class="sale-road-boxes" style="margin-top:0">
    <image mode="widthFix" style="width:403rpx" src="https://static.ticket.sz-trip.com/xcxImages/spring22/title4.png">
    </image>
  </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="sale-road-boxes" style="margin-top:0" wx:if="{{otherPlat}}">
    <image mode="widthFix" style="width:403rpx" src="https://static.ticket.sz-trip.com/xcxImages/spring22/title5.png">
    </image>
  </view>
  <view class="other-plats" wx:if="{{otherPlat}}">
    <view class="other-plat" wx:for="{{otherPlat}}" bindtap="gotoOther" data-item="{{item}}">
      <image src="{{item.icon}}" mode="widthFix"></image>
      <view>{{item.name}}</view>
    </view>
  </view>
  <view class="sale-road-boxes" style="margin-top:0">
    <image mode="widthFix" style="width:403rpx" src="https://static.ticket.sz-trip.com/xcxImages/spring22/title6.png">
    </image>
  </view>
  
  <view class="hot-list" wx:if="{{isTest==false}}">
    <view class="hot-list-item" wx:for="{{2}}" wx:for-index="number">
      <view wx:for="{{list}}" wx:if="{{index%2==number}}" bindtap="gotoDetail" data-item="{{item}}">
        <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}}">
              {{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>