bbnv1
/
test
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
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.
535 Commits
1 Branch
0 Tags
4.6 MiB
 
Tree: 8e5a112e4c
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '8e5a112e4c'
${ noResults }
test/pages/index/index.wxml

378 lines
24 KiB
Raw Blame History

<!--index.wxml-->
<view class="bg" wx:if="{{!isTest}}" style="background-image: url({{indexSeason.background}});">
<!-- 顶部banner -->
<view style="position:relative;z-index: 1;">
<swiper class="swiper" autoplay="{{false}}" interval="{{3000}}" duration="{{300}}"
bindchange="changeBannerIndex" data-keyname="activeBannerIndex" circular
indicator-dots indicator-active-color="#fff">
<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+10}}px">
<view wx:if="{{weather}}" style="display: flex;flex-shrink: 0;">
<image lazy-load 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 lazy-load style="margin: 0 30rpx;" bindtap="gotoPath" data-path="/pages/user/service/index"
src="https://static.ticket.sz-trip.com/uploads/20250714/1f3ac6a7144c6e6849edad89289061cc.png" mode="aspectFill"></image>
</view>
<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" style="color:#000000">搜索您想要的</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}}" mode="aspectFill"></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.menu_name}}</view>
</view>
</view>
</scroll-view> -->
<swiper class="top-icons no-scrollbar" autoplay="{{false}}" style="height:180rpx;padding-top: 43rpx;"
bindchange="changeBannerIndex" data-keyname="mainNavIndex"
display-multiple-items="5" circular
current="0">
<block wx:for="{{mainTypeList}}" wx:key="index">
<swiper-item bindtap="mainNavClick" class="top-icon-item {{(mainNavIndex+2)==index || (index==0&&mainNavIndex==mainTypeList.length-2)||(index==1&&mainNavIndex==mainTypeList.length-1)?'active':''}}" data-item="{{item}}">
<image lazy-load src="{{item.icon}}" mode="aspectFill" class="{{(mainNavIndex+2)==index?'active':''}}"></image>
<view class="top-icon-text">{{item.menu_name}}</view>
</swiper-item>
</block>
</swiper>
<view class="scroll-line" >
<view class="scroll-line-bg" wx:if="{{(mainNavIndex+2) < (mainTypeList.length/2)}}" 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="{{ztbanner.length>0 && func_data.tour_guide}}">
<swiper class="small-swiper" autoplay="{{false}}" interval="{{3000}}" duration="{{300}}"
bindchange="changeBannerIndex" data-keyname="ztBannerIndex">
<block wx:for="{{ztbanner}}" 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;" wx:if="{{func_data.hot_deals}}">
<!-- 上方标题部分 -->
<view class="xsth-title">
<view class="xsth-left" style="display: flex;">
<image lazy-load style="width: 253.33rpx;" wx:if="{{xpthIndex==0}}" mode="aspectFill" class="common-header-img" src="{{indexSeason.hotBac}}"></image>
<image lazy-load style="width: 253.33rpx;" wx:else="" bindtap="changeXpthIndex" data-value="{{0}}" mode="aspectFill" class="common-header-img" src="{{indexSeason.hotBacImg}}"></image>
<view style="font-size: 0;" wx:if="{{indexSeason.xpthBac && indexSeason.xpthBacImg}}">
<image lazy-load style="width: 253.33rpx;" wx:if="{{xpthIndex==0}}" bindtap="changeXpthIndex" data-value="{{1}}" mode="aspectFill" class="common-header-img" src="{{indexSeason.xpthBacImg}}"></image>
<image lazy-load style="width: 253.33rpx;" wx:else mode="aspectFill" class="common-header-img" src="{{indexSeason.xpthBac}}"></image>
</view>
</view>
</view>
<!-- 热门 -->
<view style="width: 100%;" wx:if="{{xpthIndex==0}}">
<scroll-view scroll-x style="height:372rpx;padding-top: 25rpx;">
<view class="season-hot">
<view class="season-item" wx:for="{{list}}" wx:key="index" bind:tap="productGotoDetail" data-item="{{item}}" data-source="当季热门">
<image lazy-load src="{{item.headimg}}"></image>
<view class="season-content" style="padding:6rpx 12rpx;min-height: 130rpx;">
<view 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" data-source="限时特惠">
<image lazy-load class="prod-img" src="{{item.headimg}}" mode="aspectFill" />
<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>
<!-- <image lazy-load class="cover-image" src="https://static.ticket.sz-trip.com/uploads/20250526/ed62e372f9c8874f9b50b40f70982202.png"></image> -->
</view>
</view>
<!-- 右边的banner -->
<view class="xpth-banner" wx:if="{{xpth&&xpth.adv&&xpth.adv.length>0}}">
<swiper class="xpth-banner-swiper" autoplay="{{false}}" interval="{{3000}}" duration="{{300}}"
bindchange="changeBannerIndex" data-keyname="XPathBannerIndex">
<block wx:for="{{xpth.adv}}" wx:key="index">
<swiper-item bindtap="bannerClick" data-item="{{item}}" data-source="限时特惠">
<image lazy-load src="{{item.head_img}}" mode="aspectFill"></image>
<!-- <view class="xpth-cover textOver2">{{item.title}}</view> -->
<!-- <image lazy-load class="cover-image" src="https://static.ticket.sz-trip.com/uploads/20250526/90645448ce9a82c91916543bc6c4935c.png"></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 && func_data.banner_mini}}">
<swiper class="small-swiper" autoplay="{{false}}" interval="{{3000}}" duration="{{300}}"
bindchange="changeBannerIndex" data-keyname="smBannerIndex">
<block wx:for="{{xiaobanner}}" wx:key="index">
<swiper-item bindtap="bannerClick" data-item="{{item}}" style="position: relative;">
<!-- 原 圆角77rpx，现改为13rpx -->
<!-- <image lazy-load style="position: absolute;left: 0;right: 0;top: 0;bottom: 0;" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/index2025/smallBg.png"></image> -->
<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;" wx:if="{{func_data.service_public}}">
<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 wx:if="{{func_data.service_public}}">
<view class="ggfw-list" style="width:100%;margin-top: 30rpx;">
<view class="ggfw" wx:for="{{publicSerivce}}" wx:key="index" data-item="{{item}}" bindtap="mainNavClick">
<image lazy-load src="{{item.icon}}" mode="aspectFill"></image>
</view>
</view>
</view>
<!-- 旅游助手 -->
<view class="sale-road-boxes" style="margin-top:36rpx" wx:if="{{func_data.helper_travel}}">
<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" wx:if="{{func_data.helper_travel}}">
<image lazy-load class="new-pic" wx:for="{{travelData}}" wx:key="index" data-item="{{item}}" bindtap="mainNavClick"
src="{{item.icon}}" 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" wx:if="{{func_data.culture_digital}}">
<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" wx:if="{{func_data.culture_digital}}">
<!-- 元旦修改 .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="mainNavClick">
<image lazy-load src="{{item.icon}}" mode="aspectFill"></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" wx:if="{{func_data.scenery_ten}}">
<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" wx:if="{{func_data.scenery_ten}}">
<image lazy-load wx:for="{{SQSM}}" src="{{item.icon}}" data-item="{{item}}" bindtap="mainNavClick" mode="aspectFill" wx:key="index"></image>
</view>
<!-- 长三角文旅平台 -->
<view class="sale-road-boxes" style="margin-top:0" wx:if="{{otherPlat &&func_data.platform_nearby}}">
<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 &&func_data.platform_nearby}}">
<view class="other-plat" wx:for="{{otherPlat}}" bindtap="mainNavClick" data-item="{{item}}" wx:key="index">
<image lazy-load src="{{item.icon}}" mode="aspectFill"></image>
<!-- <view>{{item.name}}</view> -->
</view>
</view>
<!-- 热门推荐 -->
<view class="sale-road-boxes" style="margin-top:0" wx:if="{{repurchaseList.length>0 &&func_data.repurchase }}">
<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" wx:if="{{func_data.repurchase}}">
<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}}" data-source="回购榜" wx:key="id">
<view class="hot-item">
<view style="position:relative;flex-shrink: 0;">
<image lazy-load width="100%" src="{{item.headimg}}" mode="aspectFill"></image>
</view>
<view class="hot-info">
<view class="hot-title textOver2">{{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 + (item.virtual_sales_number ||0)}}</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="{{false}}" 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}}" style="width: 100%;height: 100vh;" bindtap="bannerClick" data-item="{{startList}}"></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>
<view class="bg" wx:else style="background-image: url({{indexSeason.background}});">
<!-- 顶部banner -->
<view style="position:relative;z-index: 1;">
<swiper class="swiper" autoplay="{{false}}" interval="{{3000}}" duration="{{300}}"
bindchange="changeBannerIndex" data-keyname="activeBannerIndex" circular>
<block wx:for="{{banner}}" wx:key="index">
<swiper-item 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="banner-main">
<view catchtap="mainIconClick" class="banner-main-item" wx:for="{{bannerDataListFake}}" wx:key="index" data-item="{{item}}">
<image lazy-load src="{{item.img}}" ></image>
</view>
</view>
</view>
<view class="main-content" >
<view class="content-box">
<!-- 苏城环游记 todo-->
<view class="small-swiper-box" wx:if="{{ztbanner.length>0 && func_data.tour_guide}}">
<swiper class="small-swiper" autoplay="{{false}}" interval="{{3000}}" duration="{{300}}"
bindchange="changeBannerIndex" data-keyname="ztBannerIndex">
<block wx:for="{{ztbanner}}" wx:key="index">
<swiper-item data-item="{{item}}">
<!-- 原 圆角77rpx，现改为13rpx -->
<image lazy-load style="border-radius:13rpx" src="{{item.head_img}}" mode="aspectFill"></image>
</swiper-item>
</block>
</swiper>
</view>
</view>
<view class="small-swiper-box" wx:if="{{xiaobanner.length>0 && func_data.banner_mini}}">
<swiper class="small-swiper" autoplay="{{false}}" interval="{{3000}}" duration="{{300}}"
bindchange="changeBannerIndex" data-keyname="smBannerIndex">
<block wx:for="{{xiaobanner}}" wx:key="index">
<swiper-item data-item="{{item}}" style="position: relative;">
<image lazy-load style="border-radius:13rpx" src="{{item.head_img}}" mode="aspectFill"></image>
</swiper-item>
</block>
</swiper>
</view>
</view>
</view>