You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
292 lines
18 KiB
292 lines
18 KiB
<!--index.wxml-->
|
|
|
|
|
|
<view wx:if="{{!isTest}}">
|
|
<!-- 顶部banner -->
|
|
<view style="position:relative;z-index: 1;">
|
|
<swiper class="swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}"
|
|
bindchange="changeBannerIndex" data-keyname="activeBannerIndex" circular>
|
|
<block wx:for="{{banner}}" wx:key="index">
|
|
<swiper-item bindtap="bannerClick" data-item="{{item}}">
|
|
<image lazy-load 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="index"></view>
|
|
</view> -->
|
|
|
|
<view class="top-box" style="top: {{systemStyle.padHeight}}px;right:{{systemStyle.right+20}}px">
|
|
<navigator url="/pages/search/index" catchtap="pagePoint" data-event="search_click" class="search-box textOver">
|
|
<image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250526/f7cbe782688db5e39d30a24e4a2724b6.png" class="iconfont" style="width: 26rpx;height: 26rpx;"></image>
|
|
<view class="textOver" >搜一搜您想要的</view>
|
|
</navigator>
|
|
</view>
|
|
|
|
<view class="banner-main">
|
|
<view catchtap="mainNavClick" class="banner-main-item" wx:for="{{bannerDataList}}" wx:key="index" data-item="{{item}}">
|
|
<image lazy-load src="{{item.icon}}" ></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="main-content" >
|
|
<!-- 金刚区 -->
|
|
<view class="no-scrollbar" wx:if="{{mainTypeList.length>0}}">
|
|
<scroll-view scroll-x style="height:152rpx" bindscroll="listenScroll" data-keyname="mainTypeLeft" class="no-scrollbar">
|
|
<view class="top-icons no-scrollbar">
|
|
<view bindtap="mainNavClick" class="top-icon-item" wx:for="{{mainTypeList}}" wx:key="index" data-item="{{item}}">
|
|
<image lazy-load src="{{item.icon}}" mode="aspectFill"></image>
|
|
<view class="top-icon-text">{{item.title}}</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
<view class="scroll-line">
|
|
<view class="scroll-line-bg" wx:if="{{mainTypeLeft <= 50}}" style="width:17rpx;"></view>
|
|
<view class="scroll-line-bg" wx:else style="width:17rpx;margin-left: 17rpx;"></view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="content-box">
|
|
<!-- 苏城环游记 todo-->
|
|
<view class="small-swiper-box" wx:if="{{xiaobanner.length>0}}">
|
|
<swiper class="small-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}"
|
|
bindchange="changeBannerIndex" data-keyname="smBannerIndex">
|
|
<block wx:for="{{xiaobanner}}" wx:key="index">
|
|
<swiper-item bindtap="bannerClick" data-item="{{item}}">
|
|
<!-- 原 圆角77rpx，现改为13rpx -->
|
|
<image lazy-load 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="index"></view>
|
|
</view> -->
|
|
</view>
|
|
|
|
<!-- 限时特惠--新版-->
|
|
<view class="sale-road-boxes xpth" style="margin-bottom: 18.67rpx;margin-top: 0;padding-top: 0;" >
|
|
<!-- 上方标题部分 -->
|
|
<view class="xsth-title">
|
|
<view class="xsth-left" style="display: flex;">
|
|
<image lazy-load wx:if="{{xpthIndex==0}}" mode="heightFix" class="common-header-img" src="https://static.ticket.sz-trip.com/uploads/20250527/f2dc42edee46a79a6ba375ae1a1c24b7.png"></image>
|
|
<image lazy-load wx:else="" bindtap="changeXpthIndex" data-value="{{0}}" mode="heightFix" class="common-header-img" src="https://static.ticket.sz-trip.com/uploads/20250526/2bcce6d179c4abd3fa6cbdec8c8519bf.png"></image>
|
|
|
|
<image lazy-load wx:if="{{xpthIndex==0}}" bindtap="changeXpthIndex" data-value="{{1}}" mode="heightFix" class="common-header-img" src="https://static.ticket.sz-trip.com/uploads/20250527/1d1117bf6120fb75159eb8657b15c640.png"></image>
|
|
<image lazy-load wx:else mode="heightFix" class="common-header-img" src="https://static.ticket.sz-trip.com/uploads/20250526/fcab4f467a250c2750c4af53942fa205.png"></image>
|
|
</view>
|
|
</view>
|
|
<!-- 热门 -->
|
|
<view style="width: 100%;" wx:if="{{xpthIndex==0}}">
|
|
<scroll-view scroll-x style="height:372rpx">
|
|
<view class="season-hot">
|
|
<view class="season-item" wx:for="{{list}}" wx:key="index" bind:tap="productGotoDetail" data-item="{{item}}">
|
|
<image lazy-load src="{{item.headimg}}"></image>
|
|
<view class="season-content" style="padding:6rpx 12rpx 0;">
|
|
<view style="height: 70rpx;" class="textOver2">{{item.title}}</view>
|
|
<view class="price" >
|
|
<text>￥</text><text>{{item.price/100}}</text><text>起</text>
|
|
</view>
|
|
</view>
|
|
<image lazy-load class="hot-cover-img" src="https://static.ticket.sz-trip.com/uploads/20250529/4b2ad9bdc8df0b0f7e67da1bef171e5d.png"></image>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
|
|
<!-- 显示特惠 -->
|
|
<view class="xpth-product" wx:else="">
|
|
<!-- 左边的2个产品 -->
|
|
<view class="xpth-left">
|
|
<view class="xpth-item" wx:for="{{xpth.list}}" bindtap="productGotoDetail" data-item="{{item}}" wx:key="id">
|
|
<image lazy-load src="{{item.headimg}}" mode="" />
|
|
<view class="xpth-item-content">
|
|
<view class="xpth-item-title textOver2">{{item.title}}</view>
|
|
<view class="xpth-item-bottom">
|
|
<view class="xpth-item-price">{{item.price/100}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 右边的banner -->
|
|
<view class="xpth-banner" wx:if="{{xpth&&xpth.adv&&xpth.adv.length>0}}">
|
|
<swiper class="xpth-banner-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}"
|
|
bindchange="changeBannerIndex" data-keyname="XPathBannerIndex">
|
|
<block wx:for="{{xpth.adv}}" wx:key="index">
|
|
<swiper-item bindtap="bannerClick" data-item="{{item}}">
|
|
<image lazy-load style="border-radius:13rpx" src="{{item.head_img}}"></image>
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
<view class="xpth-banner-dot-list">
|
|
<view class="dot{{XPathBannerIndex==index?' active':''}}" wx:for="{{xpth.adv}}" wx:key="index"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="small-swiper-box" wx:if="{{xiaobanner.length>0}}">
|
|
<swiper class="small-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}"
|
|
bindchange="changeBannerIndex" data-keyname="smBannerIndex">
|
|
<block wx:for="{{xiaobanner}}" wx:key="index">
|
|
<swiper-item bindtap="bannerClick" data-item="{{item}}">
|
|
<!-- 原 圆角77rpx，现改为13rpx -->
|
|
<image lazy-load 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="index"></view>
|
|
</view> -->
|
|
</view>
|
|
|
|
<!-- 公共服务 -->
|
|
<view class="sale-road-boxes" style="margin-top:0;">
|
|
<image lazy-load class="common-header-img" mode="heightFix" src="{{indexSeason.ggfw}}"></image>
|
|
<navigator url="/pages/pbService/index" catchtap="pagePoint" data-event="public_view" class="title-more">
|
|
<view style="height: 40rpx;line-height: 40rpx;">更多</view>
|
|
<image lazy-load style="width: 12rpx;height: 20rpx;margin-left: 8rpx;" src="https://static.ticket.sz-trip.com/uploads/20250526/e6b945c42851563e9672c6992057bd91.png" mode="" />
|
|
</navigator>
|
|
</view>
|
|
<view>
|
|
<view class="ggfw-list" style="width:100%;margin-top: 30rpx;">
|
|
<view class="ggfw" wx:for="{{publicSerivce}}" wx:key="index" data-item="{{item}}" bindtap="mainIconClick">
|
|
<image lazy-load src="{{item.img}}"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 旅游助手 -->
|
|
<view class="sale-road-boxes" style="margin-top:36rpx">
|
|
<image lazy-load mode="heightFix" class="common-header-img" src="{{indexSeason.lyzs}}"></image>
|
|
<!-- <image lazy-load class="rmtj-right" src="{{imageSourceList.CBTP[1]}}" mode="" style="width: 276rpx;height: 100rpx;"/> -->
|
|
</view>
|
|
<view class="pic-list" style="margin-top:30rpx">
|
|
<image lazy-load class="new-pic" wx:for="{{travelData}}" wx:key="index" data-item="{{item}}" bindtap="mainIconClick"
|
|
src="{{item.img}}" mode="aspectFill"></image>
|
|
</view>
|
|
|
|
<!-- ai避高峰 -->
|
|
<!-- <view style="display: flex;margin-top: 30rpx;justify-content: space-between;">
|
|
<view bindtap="gotoUrl" data-event="comfort_click" data-title="景区舒适度" data-url="https://m.cloud.sz-trip.com/aiPlay" class="jqssd">
|
|
<image lazy-load src="{{indexSeason.ai}}" mode=""/>
|
|
</view>
|
|
<view bindtap="gotoUrls" data-event="xlqc" class="sslk">
|
|
<image lazy-load src="{{indexSeason.avoid}}" mode=""/>
|
|
</view>
|
|
</view> -->
|
|
|
|
|
|
<!-- 数字文旅-->
|
|
<view class="sale-road-boxes" style="margin-top:30rpx">
|
|
<image lazy-load mode="heightFix" class="common-header-img" src="{{indexSeason.wlcx}}"></image>
|
|
<!-- <image lazy-load class="rmtj-right" src="{{imageSourceList.CBTP[0]}}" mode="" style="width: 276rpx;height: 100rpx;"/> -->
|
|
</view>
|
|
<view class="slide-out-box">
|
|
<!-- 元旦修改 .slide-box的原样式 height:360rpx-->
|
|
<scroll-view scroll-x style="height:400rpx" bindscroll="listenScroll" data-keyname="scrollLeft" class="slide-box">
|
|
<view class="pbservice">
|
|
<view class="pbservice-item" wx:for="{{travelCulture}}" wx:key="index" data-item="{{item}}" bindtap="mainIconClick">
|
|
<image lazy-load src="{{item.img}}" mode="widthFix"></image>
|
|
<!-- <view class="text">{{item.title}}</view> -->
|
|
</view>
|
|
|
|
</view>
|
|
</scroll-view>
|
|
<view class="scroll-line" style="margin: 0 auto;">
|
|
<view class="scroll-line-bg" wx:if="{{scrollLeft <= 50}}" style="width:17rpx;"></view>
|
|
<view class="scroll-line-bg" wx:else style="width:17rpx;margin-left: 17rpx;"></view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 十全十美 -->
|
|
<view class="sale-road-boxes">
|
|
<image lazy-load mode="heightFix" class="common-header-img" src="{{indexSeason.sqj}}"></image>
|
|
<!-- <image lazy-load class="rmtj-right" src="{{imageSourceList.CBTP[2]}}" mode="" /> -->
|
|
</view>
|
|
<view class="six-box-new">
|
|
<image lazy-load wx:for="{{SQSM}}" src="{{item.img}}" data-item="{{item}}" bindtap="mainIconClick" mode="widthFix" wx:key="index"></image>
|
|
</view>
|
|
|
|
<!-- 长三角文旅平台 -->
|
|
<view class="sale-road-boxes" style="margin-top:0" wx:if="{{otherPlat}}">
|
|
<image lazy-load mode="heightFix" class="common-header-img" src="{{indexSeason.csjwlpt}}"></image>
|
|
<!-- <image lazy-load class="rmtj-right" src="{{imageSourceList.CBTP[3]}}" mode="" style="width: 276rpx;height: 100rpx;"/> -->
|
|
</view>
|
|
<view class="other-plats" wx:if="{{otherPlat}}">
|
|
<view class="other-plat" wx:for="{{otherPlat}}" bindtap="gotoOther" data-item="{{item}}" wx:key="index">
|
|
<image lazy-load src="{{item.icon}}" mode="heightFix"></image>
|
|
<!-- <view>{{item.name}}</view> -->
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 热门推荐 -->
|
|
<view class="sale-road-boxes" style="margin-top:0" wx:if="{{repurchaseList.length>0}}">
|
|
<image lazy-load mode="heightFix" class="common-header-img" src="{{indexSeason.rmtj}}"></image>
|
|
<!-- <image lazy-load class="rmtj-right" src="{{imageSourceList.CBTP[4]}}" mode="" style="width: 276rpx;height: 100rpx;"/> -->
|
|
</view>
|
|
<view class="hot-list">
|
|
<view class="hot-list-item" wx:for="{{2}}" wx:for-index="number" wx:key="number">
|
|
<view wx:for="{{repurchaseList}}" wx:if="{{index%2==number}}" bindtap="gotoDetail" data-item="{{item}}" wx:key="id">
|
|
<view class="hot-item">
|
|
<view style="position:relative">
|
|
<common-image width="100%" src="{{item.headimg}}" mode="widthFix"></common-image>
|
|
</view>
|
|
<view class="hot-info">
|
|
<view class="hot-title">{{item.title}}</view>
|
|
<view class="com-flex" style="justify-content: space-between;margin-top: 26rpx;">
|
|
<view class="hot-price">
|
|
<text>￥</text><text>{{item.price/100}}</text><text>起</text>
|
|
</view>
|
|
<view style="font-weight: 500;font-size: 23rpx;color: #999999;">已售{{item.sales_number}}</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- <view wx:if="{{listMore}}" class="more-btn-text" bindtap="getList">查看更多</view>
|
|
<view wx:else class="more-btn-text" bindtap="getList">暂无更多推荐</view> -->
|
|
</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="index">
|
|
<swiper-item data-item="{{item}}" bindtap="bannerClick">
|
|
<image lazy-load src="{{item.head_img}}" style="width: 100%; height:100%; border-radius: 10rpx;" mode="aspectFill"></image>
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
<image lazy-load 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 lazy-load 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 lazy-load src="https://static.ticket.sz-trip.com/jundaosuzhou/images/startPage/mute.png" class="muteImg" mode="widthFix" wx:if="{{isMuted}}" bindtap="closeMuted"></image> -->
|
|
<!-- <image lazy-load src="https://static.ticket.sz-trip.com/jundaosuzhou/images/startPage/sound.png" class="muteImg" mode="widthFix" wx:else bindtap="closeMuted"></image> -->
|
|
<image lazy-load src="https://static.ticket.sz-trip.com/jundaosuzhou/images/startPage/logo.png" class="logoImg" mode="widthFix"></image>
|
|
<image lazy-load src="https://static.ticket.sz-trip.com/jundaosuzhou/images/startPage/btn.png" class="btnImg" mode="widthFix" bindtap="closeFullAdv"></image>
|
|
<image lazy-load src="https://static.ticket.sz-trip.com/jundaosuzhou/images/startPage/play.png" class="playImg" mode="widthFix" wx:if="{{videoPlay}}" bindtap="videoPlay"></image>
|
|
<image lazy-load src="https://static.ticket.sz-trip.com/jundaosuzhou/images/startPage/pause.png" class="playImg" mode="widthFix" wx:else bindtap="videoPause"></image>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|