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.
596 lines
32 KiB
596 lines
32 KiB
<!--index.wxml-->
|
|
<view class="bg" wx:if="{{!isTest}}">
|
|
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/index2026/topImgs.gif" style="margin-left:0" mode="widthFix" style="position: absolute;top: 0;left: 0;width: 100vw;"></image>
|
|
<!-- 顶部banner -->
|
|
<view style="position:relative;z-index: 1;padding-top: 200rpx;">
|
|
<view class="top-box" style="top: {{systemStyle.padHeight}}px;right:{{systemStyle.right+10}}px">
|
|
<view wx:if="{{weather}}" style="display: flex;flex-shrink: 0;color: white;">
|
|
<image lazy-load src="{{weather.icon2}}" style="margin-left:0" mode="aspectFill"></image>
|
|
<view class="weather-num" style="color: white;">{{weather.max_temp}}°</view>
|
|
<view class="weather" style="color: white;">{{weather.weather}}</view>
|
|
<image lazy-load style="margin: 0 30rpx;" bindtap="gotoPaths" data-path="/pages/user/service/index"
|
|
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/indexWinter2025/kefu.png" mode="aspectFill"></image>
|
|
</view>
|
|
<navigator url="/pages/pbService/web/index?weburl=https://m.cloud.sz-trip.com/Search" catchtap="pagePoint" data-event="search_click" class="search-box textOver">
|
|
<image lazy-load src="https://static.ticket.sz-trip.com/uploads/20251127/c274a7019d42aaf969a6a51422951bb9.png" class="iconfont" style="width: 26rpx;height: 26rpx;"></image>
|
|
<view class="textOver" style="color:#000000">搜索您想要的</view>
|
|
</navigator>
|
|
</view>
|
|
<swiper class="swiper" autoplay="{{true}}" interval="{{3000}}" duration="{{300}}"
|
|
bindchange="changeBannerIndex" data-keyname="activeBannerIndex" circular
|
|
indicator-dots indicator-color="rgba(255, 255, 255, .5)" 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="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 style="padding: 0 20rpx;" wx:if="{{mainTypeList.length>0}}">
|
|
<view class="top-icons no-scrollbar">
|
|
<view bindtap="mainNavClick" class="top-icon-item" data-item="{{item}}" wx:for="{{mainTypeList}}" wx:key="index">
|
|
<image lazy-load src="{{item.icon}}" mode="aspectFill" class="{{(mainNavIndex+2)==index?'active':''}}"></image>
|
|
<view class="top-icon-text">{{item.menu_name}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="small-box">
|
|
<view class="small-swiper-box" wx:if="{{xiaobanner.length>0 && func_data.banner_mini}}" style="border: 3rpx solid #E96B11;">
|
|
<!-- <image class="small-bg" style="" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/index2026/swiperBg.png" mode="aspectFill"></image> -->
|
|
<swiper class="small-swiper" autoplay="{{true}}" interval="{{3000}}" duration="{{300}}"
|
|
bindchange="changeBannerIndex" data-keyname="smBannerIndex" circular indicator-dots indicator-color="rgba(156, 31, 35, .6)" indicator-active-color="#9C1F23">
|
|
<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="" 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="small-bottom">
|
|
<view class="ai-box" style="" wx:if="{{mainTypeList.length>0}}">
|
|
<image class="ai-fix" bind:tap="goAIUrl" mode="widthFix" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/index2026/aiBgs.gif"></image>
|
|
<!-- <view class="ai-text">{{aiStr}}</view> -->
|
|
</view>
|
|
<image bind:tap="goYjgl" style="" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/index2026/yjgl.png" mode="aspectFill" class="yjgl"></image>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="content-box">
|
|
<!-- 苏城环游记 todo-->
|
|
|
|
|
|
|
|
<!-- 限时特惠--新版-->
|
|
<view class="sale-road-boxes" style="margin-top:0;" wx:if="{{func_data.hot_deals}}">
|
|
<image lazy-load class="common-header-img" mode="widthFix" src="{{indexSeason.hotBac}}"></image>
|
|
</view>
|
|
<view style="margin-top: -38rpx;" wx:if="{{func_data.hot_deals}}">
|
|
<!-- 热门 -->
|
|
<view style="width: 100%;" wx:if="{{false}}">
|
|
<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:0 12rpx 6rpx;min-height: 130rpx;">
|
|
<view class="textOver2">{{item.title}}</view>
|
|
<view class="tags textOver" wx:if="{{item.display_tags}}">
|
|
<view class="tag" wx:for="{{item.display_tags_arr}}" wx:key="index" wx:for-item="tag">{{tag}}</view>
|
|
</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:if="{{false}}">
|
|
<!-- 左边的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="{{true}}" 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 class="hot-prod-new">
|
|
|
|
<view class="hot-prod-left" bindtap="productGotoDetail" data-item="{{list[0]}}" wx:key="id" data-source="当季热门">
|
|
<image lazy-load class="prod-img" src="{{list[0].headimg}}" mode="aspectFill" />
|
|
<view class="xpth-item-title">{{list[0].subtitle}}</view>
|
|
</view>
|
|
|
|
<view class="hot-prod-right">
|
|
<view class="hot-right-item hot-prod-left" bindtap="productGotoDetail" data-item="{{list[1]}}" wx:key="id" data-source="当季热门">
|
|
<image lazy-load class="prod-img" src="{{list[1].headimg}}" mode="aspectFill" />
|
|
<view class="xpth-item-title">{{list[1].subtitle}}</view>
|
|
</view>
|
|
<view class="hot-right-item hot-prod-left" bindtap="productGotoDetail" data-item="{{list[2]}}" wx:key="id" data-source="当季热门">
|
|
<image lazy-load class="prod-img" src="{{list[2].headimg}}" mode="aspectFill" />
|
|
<view class="xpth-item-title">{{list[2].subtitle}}</view>
|
|
</view>
|
|
</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="widthFix" src="{{indexSeason.ggfw}}"></image>
|
|
<navigator url="/pages/pbService/index" catchtap="pagePoint" data-event="public_view" class="title-more" wx:if="{{showMore}}">
|
|
<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: 16rpx;position: relative;z-index: 1;">
|
|
<view class="ggfw" wx:for="{{publicSerivce}}" wx:key="index" data-item="{{item}}" bindtap="mainNavClick">
|
|
<image lazy-load src="{{item.icon}}" mode="aspectFill"></image>
|
|
<view>{{item.menu_name}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 旅游助手 -->
|
|
<view class="sale-road-boxes" style="margin-top:36rpx" wx:if="{{func_data.helper_travel}}">
|
|
<image lazy-load mode="widthFix" 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:5rpx;position: relative;z-index: 1;" 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="widthFix" 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="widthFix" 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" style="margin-top: 18rpx;" wx:if="{{func_data.scenery_ten}}" >
|
|
<!-- <view class="big-image-box">
|
|
<image lazy-load src="{{SQSM[cityIndex].icon}}" mode="aspectFill" bindtap="mainNavClick" data-item="{{SQSM[cityIndex]}}"></image>
|
|
</view>
|
|
<scroll-view scroll-x enable-flex scroll-with-animation class="small-image-box" scroll-into-view="{{scrollItem}}">
|
|
<view id="scrollItem-{{index}}" class="small-image-item {{cityIndex==index?'active':''}}" wx:for="{{SQSM}}" bind:tap="changeSimpleVal"
|
|
data-keyname="cityIndex" data-val="{{index}}" mode="aspectFill" wx:key="index">
|
|
<image lazy-load src="{{item.icon}}" mode="aspectFill"></image>
|
|
<view class="text-box">{{item.menu_name}}</view>
|
|
</view>
|
|
</scroll-view> -->
|
|
|
|
<view class="big-image-box" style="height: 333rpx;">
|
|
<image style="border-radius: 0;" lazy-load src="{{SQSM[cityIndex].icon}}" mode="heightFix" bindtap="mainNavClick" data-item="{{SQSM[cityIndex]}}"></image>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<!-- 长三角文旅平台 -->
|
|
<view class="sale-road-boxes" style="margin-top:0" wx:if="{{otherPlat &&func_data.platform_nearby}}">
|
|
<image lazy-load mode="widthFix" 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="widthFix" 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" style="margin-top: 7rpx;position: relative;z-index: 1;" 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> -->
|
|
|
|
<!-- Tab 切换 -->
|
|
<scroll-view scroll-x class="custom-tabs" enable-flex>
|
|
<view
|
|
wx:for="{{recommendType}}"
|
|
wx:key="id"
|
|
class="tab-btn {{activeIndex === index ? 'active' : ''}}"
|
|
bindtap="handleTabClick"
|
|
data-index="{{index}}"
|
|
>
|
|
{{ item.name }}
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<!-- 堆叠卡片轮播 -->
|
|
<view
|
|
class="stack-swiper"
|
|
bindtouchstart="handleTouchStart"
|
|
bindtouchend="handleTouchEnd"
|
|
>
|
|
<!--
|
|
直接从 cardStyles 数组中取样式
|
|
cardStyles[index] 对应第 index 个卡片的样式字符串
|
|
-->
|
|
<view
|
|
class="stack-item"
|
|
wx:for="{{recommendType}}"
|
|
wx:key="id"
|
|
style="{{cardStyles[index]}}"
|
|
bindtap="handleCardClick"
|
|
data-index="{{index}}"
|
|
>
|
|
<!-- 内容区域：只有当前选中的显示 -->
|
|
<view class="card-inner-border" style="opacity: {{index === activeIndex ? 1 : 0}}">
|
|
<view
|
|
class="product-item"
|
|
wx:for="{{item.list}}"
|
|
wx:for-item="pItem"
|
|
wx:for-index="pIndex"
|
|
wx:key="id"
|
|
bindtap="gotoDetail"
|
|
data-item="{{pItem}}"
|
|
data-index="{{index}}"
|
|
>
|
|
<!-- 图片 -->
|
|
<image class="product-img" src="{{pItem.headimg}}" mode="aspectFill"></image>
|
|
|
|
<!-- 内容 -->
|
|
<view class="product-content">
|
|
<!-- 标题 (多行省略) -->
|
|
<view class="title text-overflowRows">{{pItem.title}}</view>
|
|
|
|
<!-- 标签 -->
|
|
<view class="tags" wx:if="{{pItem.tagsArray}}">
|
|
<!-- 使用 wxs 处理字符串分割 -->
|
|
<view
|
|
class="tag-item text-overflow"
|
|
wx:for="{{pItem.tagsArray}}"
|
|
wx:for-item="tagItem"
|
|
wx:key="*this"
|
|
>
|
|
{{tagItem}}
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 价格与按钮 -->
|
|
<view class="flex-between">
|
|
<view class="price">￥{{pItem.price / 100}}</view>
|
|
<view class="btn-img">立即购买</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="see-more-link" bindtap="gotoPath" data-item="{{item}}">查看更多 >></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 十二时辰 -->
|
|
<view class="sale-road-boxes" style="margin-top:90rpx">
|
|
<image lazy-load mode="widthFix" class="common-header-img" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/index2026/shier.png"></image>
|
|
</view>
|
|
<view class="twelve-container">
|
|
<view class="arc-layout">
|
|
<!-- 背景线条 -->
|
|
<image
|
|
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/index2026/line12.png"
|
|
class="bg-line-img"
|
|
mode="widthFix"
|
|
/>
|
|
|
|
<!-- 顶部时间轴 - 横向轮播 -->
|
|
<scroll-view
|
|
id="nav-scroll"
|
|
class="nav-scroll-wrapper"
|
|
scroll-x="{{true}}"
|
|
scroll-with-animation="{{true}}"
|
|
scroll-left="{{navScrollLeft}}"
|
|
bindscroll="onNavScroll"
|
|
bindtouchstart="handleScrollTouchStart"
|
|
catchtouchmove="stopTouchMove"
|
|
>
|
|
<view class="nav-track" catchtouchmove="stopTouchMove">
|
|
<view
|
|
wx:for="{{twelvePeriodList}}"
|
|
wx:key="index"
|
|
id="nav-item-{{index}}"
|
|
class="item-box {{twelveActiveIndex === index ? 'active' : ''}} item-pos-{{index - twelveActiveIndex}}"
|
|
bindtap="handleTwelveTabClick"
|
|
data-index="{{index}}"
|
|
>
|
|
<!-- 顶部文字 -->
|
|
<view class="top-text">{{ item.name }}</view>
|
|
|
|
<!-- 图标 -->
|
|
<view class="icon-wrapper">
|
|
<view class="icon-bg-circle">
|
|
<image
|
|
src="{{index === twelveActiveIndex ? item.imgSelected : item.imgNormal}}"
|
|
class="real-icon"
|
|
mode="aspectFit"
|
|
/>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 描述文字（竖排） -->
|
|
<view class="desc-text">{{ item.desc }}</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
|
|
<!-- 底部内容区 -->
|
|
<view class="content-wrapper">
|
|
<swiper
|
|
class="my-swipe"
|
|
current="{{twelveActiveIndex}}"
|
|
bindchange="onTwelveSwipeChange"
|
|
circular="{{false}}"
|
|
duration="300"
|
|
>
|
|
<block wx:for="{{twelvePeriodList}}" wx:key="index">
|
|
<swiper-item>
|
|
<scroll-view scroll-y class="swiper-scroll">
|
|
<view class="slide-card-container">
|
|
|
|
<!-- 美食样式 (type='food') -->
|
|
<block wx:if="{{item.type == 'food'}}">
|
|
<view
|
|
class="food-card"
|
|
wx:for="{{item.list}}"
|
|
wx:for-item="subItem"
|
|
wx:for-index="subIndex"
|
|
wx:key="id"
|
|
wx:if="{{subIndex < item.num}}"
|
|
catchtap="gotoDetail"
|
|
data-item="{{subItem}}"
|
|
data-index="1"
|
|
>
|
|
<image src="{{subItem.headimg}}" class="headimg" mode="aspectFill"></image>
|
|
<view class="content">
|
|
<view class="top">
|
|
<view class="title text-overflow">{{subItem.title}}</view>
|
|
<view class="address text-overflow">{{subItem.address}}</view>
|
|
</view>
|
|
<view class="bottom text-overflow" wx:if="{{subItem.hot_products && subItem.hot_products.length > 0}}">
|
|
<view class="tag flex-center">热</view>
|
|
<view class="price">￥{{subItem.hot_products[0].price / 100}}</view>
|
|
<view class="text-overflow">{{subItem.hot_products[0].title}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
|
|
<!-- 其他样式 -->
|
|
<block wx:else>
|
|
<view
|
|
class="slide-item"
|
|
wx:for="{{item.list}}"
|
|
wx:for-item="subItem"
|
|
wx:for-index="subIndex"
|
|
wx:key="id"
|
|
wx:if="{{subIndex < item.num}}"
|
|
style="background-image: url({{subItem.headimg}})"
|
|
catchtap="gotoDetail"
|
|
data-item="{{subItem}}"
|
|
>
|
|
<view class="content">
|
|
<view class="text-overflowRowss">{{subItem.title}}</view>
|
|
</view>
|
|
<image
|
|
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/index2026/itemBg.png"
|
|
class="imgBg"
|
|
></image>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
|
|
<!-- 查看更多按钮 -->
|
|
<image
|
|
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/index2026/btnImg.png"
|
|
class="more-btn-img"
|
|
mode="widthFix"
|
|
wx:if="{{item.num == 6 && item.list && item.list.length > 6}}"
|
|
catchtap="handleShowMore"
|
|
data-index="{{index}}"
|
|
></image>
|
|
|
|
<view style="height: 40rpx;"></view>
|
|
</scroll-view>
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
</view>
|
|
</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}}" 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>
|
|
|
|
|
|
<!-- 底部AI伴你游 -->
|
|
<!-- <image class="ai-fix" bind:tap="goAIUrl" mode="widthFix" src="https://static.ticket.sz-trip.com/uploads/20250929/6f29f557e80a331e84f01f2a5083d933.gif"></image> -->
|
|
</view>
|
|
|
|
|
|
<view class="bg" wx:else style="background-image: url({{indexSeason.background}});background: linear-gradient(165deg, #FF8623 213px, #FFE68A 213px);">
|
|
<!-- 顶部banner -->
|
|
<view style="position:relative;z-index: 1;padding-top: 60rpx;">
|
|
<swiper class="swiper" autoplay="{{true}}" 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="{{true}}" 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="{{true}}" 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>
|