bbnv1
/
test
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

冬季首页

master
jiazhipeng 1 year ago
parent
d6f073dc4e
commit
5ac6c35903
9 changed files with 1298 additions and 1437 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 16
      app.json
  2. 0
      images/index.png
  3. 839
      pages/index/index.js
  4. 841
      pages/index/index.wxml
  5. 630
      pages/index/index.wxss
  6. 113
      subPackages/indexGQ/imgSource.js
  7. 6
      subPackages/indexGQ/index.js
  8. 61
      subPackages/indexGQ/index.wxml
  9. 5
      subPackages/indexGQ/index.wxss

16
app.json
View File

@ -231,27 +231,27 @@
"style": "v2", "style": "v2",
"sitemapLocation": "sitemap.json", "sitemapLocation": "sitemap.json",
"tabBar": { "tabBar": {
"color": "#999999", "color": "#97D0EC",
"selectedColor": "#FF4848", "selectedColor": "#5184B0",
"borderStyle": "white", "borderStyle": "white",
"list": [ "list": [
{ {
"pagePath": "pages/index/index", "pagePath": "pages/index/index",
"iconPath": "/images/aindex.png", "iconPath": "/images/index.png",
"selectedIconPath": "/images/aindex_seld.png", "selectedIconPath": "/images/index_seld_2.png",
"text": "首页", "text": "首页",
"shareTimeline": true "shareTimeline": true
}, },
{ {
"pagePath": "pages/map/index", "pagePath": "pages/map/index",
"iconPath": "/images/amap.png", "iconPath": "/images/map.png",
"selectedIconPath": "/images/amap_seld.png", "selectedIconPath": "/images/map_seld_2.png",
"text": "图游" "text": "图游"
}, },
{ {
"pagePath": "pages/user/user", "pagePath": "pages/user/user",
"iconPath": "/images/auser.png", "iconPath": "/images/user.png",
"selectedIconPath": "/images/auser_seld.png", "selectedIconPath": "/images/user_seld_2.png",
"text": "我的" "text": "我的"
} }
] ]

0
images/home.png → images/index.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

839
pages/index/index.js
View File

File diff suppressed because it is too large

841
pages/index/index.wxml
View File

@ -1,25 +1,32 @@
<!--pages/indexs/index.wxml--> <!--index.wxml-->
<title title="君到苏州（文化旅游总入口）"></title> <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="https://static.ticket.sz-trip.com/uploads/20250121/540fa46b838ea3166cd8701bd611ca9d.gif" mode="widthFix"></image> <view wx:if="{{!isTest}}">
<view wx:if="{{weather}}" class="top-box" style="height: 63rpx"> <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> <image src="{{weather.icon2}}" style="margin-left:0" mode="aspectFill"></image>
<view class="weather-num">{{weather.max_temp}}°</view> <view class="weather-num">{{weather.max_temp}}°</view>
<view class="weather">{{weather.weather}}</view> <view class="weather">{{weather.weather}}</view>
<image bindtap="gotoPath" style="margin-left:0" data-path="/pages/user/service/index" <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>
data-event="customer_service_click" src="https://static.ticket.sz-trip.com/uploads/20250120/2186b1d4a689243273d78ae71563a81f.png" <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> mode="aspectFill"></image>
<image bindtap="gotoPath" data-event="message_click" data-path="/pages/list/message/index" <image bindtap="gotoPath" data-event="message_click" data-path="/pages/list/message/index"
src="https://static.ticket.sz-trip.com/uploads/20250120/213c1a6ae49848fa54047d6f9059fec2.png" mode="aspectFill"></image> src="https://static.ticket.sz-trip.com/xcxImages/spring22/msg.png" mode="aspectFill"></image> -->
</view> </view>
<view class="top-box" style="padding:0;margin-bottom:18rpx" wx:if="{{!isTest}}"> <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"> <navigator url="/pages/search/index" catchtap="pagePoint" data-event="search_click" class="search-box textOver">
<view class="iconfont icon-sousuo"></view> <!-- <view class="iconfont icon-sousuo"></view> -->
<view class="textOver">搜索想要的旅游产品或服务</view> <image src="https://static.ticket.sz-trip.com/uploads/20241225/59b88ab6ae2800ebe02f8c25eaf29636.png" class="iconfont" style="width: 26rpx;height: 26rpx;"></image>
<view class="textOver" style="color:rgba(41, 48, 90, 0.5);">搜索想要的旅游产品或服务</view>
</navigator> </navigator>
</view> </view>
<view style="position:relative;z-index: 1;" > <view style="position:relative;z-index: 1;">
<swiper class="swiper" autoplay="{{true}}" interval="{{3000}}" duration="{{300}}" bindchange="changeBannerIndex" current="5" circular> <swiper class="swiper" autoplay="{{true}}" interval="{{bannerInterver}}" duration="{{300}}" bindchange="changeBannerIndex" circular>
<block wx:for="{{banner}}" wx:key="index"> <block wx:for="{{banner}}" wx:key="index">
<swiper-item bindtap="bannerClick" data-item="{{item}}"> <swiper-item bindtap="bannerClick" data-item="{{item}}">
<image src="{{item.head_img}}" mode="scaleToFill"></image> <image src="{{item.head_img}}" mode="scaleToFill"></image>
@ -29,374 +36,656 @@
<view class="com-flex dot-list"> <view class="com-flex dot-list">
<view class="dot{{index===activeBannerIndex?' active':''}}" wx:for="{{banner}}" wx:key="index"></view> <view class="dot{{index===activeBannerIndex?' active':''}}" wx:for="{{banner}}" wx:key="index"></view>
</view> </view>
</view>
<view class="content" wx:if="{{!isTest}}">
<!-- 活动日历 -->
<view class="sale-road-boxes date-container" style="margin: 0 26.67rpx;">
<image mode="heightFix" style="height:86rpx;width: 358rpx;" src="https://static.ticket.sz-trip.com/uploads/20240925/9d10d5ff4a5314573328dd6cdab67b82.png"></image>
<navigator url="/pages/list/activitynew/index" class="right-more">更多 ></navigator>
<view class="nowDate">
<view class="num">{{nowDate[0]}}</view>
<view>月</view>
<view class="num">{{nowDate[1]}}</view>
<view>日</view>
</view>
</view> </view>
<view class="hdrlNavList">
<view class="hdrlNav{{index==hdrlNavIndex?' hdrlNavActive':''}} {{index==4?'hidden':''}}" wx:for="{{hdrlNavList}}" data-index="{{index}}" bindtap="changeHdrlNav" wx:key="id">
{{item.title}} <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="{{imageSourceList.mainFunImgs[0]}}" mode="widthFix"></image>
<view class="top-icon-text">活动日历</view>
</view> </view>
<view bindtap="gotoPath" data-event="museum" data-title="场馆预约" data-path="/pages/list/{{isTest?'scene':'museum'}}/index" class="top-icon-item">
<image src="{{imageSourceList.mainFunImgs[1]}}" mode="widthFix"></image>
<view class="top-icon-text">场馆预约</view>
</view> </view>
<view wx:if="{{hdrlNavIndex!=4}}"> <view bindtap="gotoPath" data-event="legacy" data-title="非遗专卖" data-path="/subPackages/feiyiNew/index" class="top-icon-item">
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" class="hdrlList" wx:if="{{!isTest}}"> <image src="{{imageSourceList.mainFunImgs[2]}}" mode="widthFix"></image>
<view class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="index" style="width: 593.33rpx;"> <view class="top-icon-text">非遗专卖</view>
<view style="background: #fff;display: flex;border-radius: 13rpx;">
<!-- <image class="hdrlItem-img" src="{{item.post_url}}" mode="aspectFill"/> -->
<common-image class="hdrlItem-img" width="240rpx" height='213rpx' src="{{item.post_url || item.cover}}" defaultImage="https://static.ticket.sz-trip.com/uploads/20240909/c9a0029cc9426d2a17f1dbbb7a179762.jpg" mode="aspectFill"></common-image>
<view class="hdrlItem-content">
<view class="hdrlItem-title textOver3">{{item.name}}</view>
<view class="hdrlItem-date">{{item.begin_date}}-{{item.end_date}}</view>
</view> </view>
<view bindtap="gotoPath" data-event="show" data-title="剧场演出" data-path="/pages/list/{{isTest?'activity':'theatre'}}/index" class="top-icon-item">
<image src="{{imageSourceList.mainFunImgs[3]}}" mode="widthFix"></image>
<view class="top-icon-text">剧场演出</view>
</view> </view>
<view bindtap="gotoPath" data-event="specialty" data-title="文创特产" data-path="/subPackages/techanNew/index" class="top-icon-item">
<image src="{{imageSourceList.mainFunImgs[4]}}" mode="widthFix"></image>
<view class="top-icon-text">文创特产</view>
</view> </view>
<view bindtap="gotoPath" data-event="ticket_click" data-title="景点门票" data-path="/pages/list/scene/index" class="top-icon-item">
<image src="{{imageSourceList.mainFunImgs[5]}}" mode="widthFix"></image>
<view class="top-icon-text">景点门票</view>
</view> </view>
<view bindtap="gotoPath" data-event="hotel_click" data-title="酒店住宿" data-path="/pages/list/hotel/index" class="top-icon-item">
<image src="{{imageSourceList.mainFunImgs[6]}}" mode="widthFix"></image>
<view class="top-icon-text">酒店住宿</view>
</view> </view>
<view wx:else> <!-- 临时跳转专题页 -->
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" wx:if="{{!isTest}}" class="one"> <!-- <view bindtap="gotoUrl" data-event="hotel_click" data-title="酒店住宿" data-url="https://m.cloud.sz-trip.com/carPurchase" class="top-icon-item">
<view class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="index"> <image src="{{imageSourceList.mainFunImgs[6]}}" mode="widthFix"></image>
<view style="background: #fff;width: 570rpx;display: flex;border-radius: 13rpx;"> <view class="top-icon-text">酒店住宿</view>
<!-- <image class="movieItem-img" src="{{item.headimg}}" mode=""/> --> </view> -->
<common-image class="hdrlItem-img" width="240rpx" height='213rpx' src="{{item.headimg}}" defaultImage="https://static.ticket.sz-trip.com/uploads/20240909/c9a0029cc9426d2a17f1dbbb7a179762.jpg" mode="aspectFill"></common-image> <view bindtap="gotoPath" data-event="night_sz" data-title="夜游苏州" data-path="/pages/list/night/index" class="top-icon-item">
<image src="{{imageSourceList.mainFunImgs[7]}}" mode="widthFix"></image>
<view style="display: flex;flex-direction: column;justify-content: space-between;padding: 10rpx 10rpx 10rpx 0;font-size: 30rpx;font-weight: bold;width: 500rpx;box-sizing: border-box;"> <view class="top-icon-text">夜游苏州</view>
<view>{{item.title}}</view> </view>
<view style="display: flex;justify-content: flex-end;"> <view bindtap="gotoUrl" data-event="card" data-title="一卡游苏州" data-url="https://m.cloud.sz-trip.com/OneDayTravelNew" class="top-icon-item">
<view class="buyMovie">去购票 ></view> <image src="{{imageSourceList.mainFunImgs[8]}}" 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="{{imageSourceList.mainFunImgs[9]}}" 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>
<view class="sale-price" style="color:#F44747" wx:if="{{saleProduct}}">
￥{{saleProduct.price?saleProduct.price/100:0}}起</view>
</view> </view>
</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>
<view class="sale-price" style="color:rgb(0, 153, 137)" wx:if="{{roadProduct}}">
￥{{roadProduct.price?roadProduct.price/100:0}}起</view>
</view> </view>
<!-- 高峰预警、实时路况及几个板块 -->
<view class="main-box" wx:if="{{!isTest}}">
<!-- 上面的高峰预警、实时路况 -->
<view class="main-box-top">
<image bindtap="gotoUrl" data-event="comfort_click" data-title="ai伴你游"
data-url="https://m.cloud.sz-trip.com/aiPlay" class="gfyj" src="https://static.ticket.sz-trip.com/uploads/20250117/a480fadd053c80bc2efb3239fd956ceb.png" mode=""/>
<image bindtap="gotoUrls" data-event="xlqc" class="sslk"
src="https://static.ticket.sz-trip.com/uploads/20250117/57373a69fac19bc39cb91d44c233257d.png" mode=""/>
</view> </view>
<!-- 下面几大板块 -->
<view class="slide-out-box">
<scroll-view scroll-x bindscroll="listenScroll" class="slide-box no-scrollbar">
<view class="pbservice no-scrollbar" style="margin-bottom:30rpx;width: fit-content;">
<view bindtap="gotoPath" data-event="ticket_click" style="margin-left: 10rpx;" data-title="景点门票" data-path="/pages/list/scene/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jdmp.png" mode="widthFix"></image>
<view class="text">景点门票</view>
</view> </view>
<view bindtap="gotoPath" data-event="night_sz" data-title="夜游苏州" data-path="/pages/list/night/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yysz.png" mode="widthFix"></image>
<view class="text">夜游苏州</view>
</view> </view>
<view bindtap="gotoPath" data-event="specialty" data-title="文创特产" data-path="/subPackages/techanNew/index" class="pbservice-item"> <!-- ai避高峰 -->
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/wctc.png" mode="widthFix"></image> <view style="display: flex;margin-top: 30rpx;justify-content: space-between;">
<view class="text">文创特产</view> <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://wlsjzx.zdhxwl.cn/kt_h5/index.html#/morecopy" class="jqssd"> -->
<image src="{{indexSeason.ai}}" mode=""/>
</view> </view>
<view bindtap="gotoPath" data-event="show" data-title="剧场演出" data-path="/pages/list/{{isTest?'activity':'theatre'}}/index" class="pbservice-item"> <view bindtap="gotoUrls" data-event="xlqc" class="sslk">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jcyc.png" mode="widthFix"></image> <image src="{{indexSeason.avoid}}" mode=""/>
<view class="text">剧场演出</view>
</view> </view>
<view bindtap="gotoPath" data-event="hotel_click" data-title="酒店住宿" data-path="/pages/list/hotel/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/uploads/20250122/abd1f734fa04b783d8083ea1139b91fd.png" mode="widthFix"></image>
<view class="text">酒店住宿</view>
</view> </view>
<!-- 临时跳转专题页 -->
<!-- <view bindtap="gotoUrl" data-event="hotel_click" data-title="酒店住宿" data-url="https://m.cloud.sz-trip.com/carPurchase" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/uploads/20250122/abd1f734fa04b783d8083ea1139b91fd.png" mode="widthFix"></image>
<view class="text">酒店住宿</view>
</view> -->
<view bindtap="gotoUrl" data-event="card" data-title="一卡游苏州" data-url="https://m.cloud.sz-trip.com/OneDayTravelNew" class="pbservice-item"> <!-- 小banner 五一修改 一张banner不滚动 -->
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yry.png" mode="widthFix"></image> <view class="small-swiper-box" wx:if="{{xiaobanner.length === 1}}">
<view class="text">一日游</view> <image bindtap="bannerClick" data-item="{{xiaobanner[0]}}" style="border-radius:13rpx;width: 100%" src="{{xiaobanner[0].head_img}}" mode="widthFix"></image>
</view>
<view bindtap="gotoPath" data-event="museum" data-title="场馆预约" data-path="/pages/list/{{isTest?'scene':'museum'}}/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/cgyy.png" mode="widthFix"></image>
<view class="text">场馆预约</view>
</view> </view>
<view class="small-swiper-box" wx:else>
<view bindtap="gotoPath" data-event="one_card" data-title="一卡游" data-path="/pages/list/card/index" class="pbservice-item"> <swiper class="small-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" bindchange="changeSmBannerIndex">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yky.png" mode="widthFix"></image> <block wx:for="{{xiaobanner}}" wx:key="index">
<view class="text">一卡游</view> <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="index"></view>
</view> </view>
<view bindtap="gotoPath" data-event="legacy" data-title="非遗专卖" data-path="/subPackages/feiyiNew/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/fyzm.png" mode="widthFix"></image>
<view class="text">非遗专卖</view>
</view> </view>
<view bindtap="gotoUrl" data-event="movie" data-title="研学游" data-url="https://m.cloud.sz-trip.com/LearningTravel" class="pbservice-item"> <!-- 限时特惠--新版-->
<image src="https://static.ticket.sz-trip.com/uploads/20250122/0022aa79a96e8c6e23aa914c74cfb136.png" mode="widthFix"></image> <view class="sale-road-boxes xpth" style="margin-bottom: 18.67rpx;margin-top: 0;padding-top: 0;" wx:if="{{!isTest}}">
<view class="text">研学游</view> <!-- 上方标题部分 -->
<view class="xsth-title">
<view class="xsth-left" style="display: flex;">
<image mode="heightFix" style="height:100rpx" src="{{indexSeason.xpth}}"></image>
</view>
<view class="time-box" style="z-index: 2;flex-shrink: 0;">
倒计时
<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> </view>
</view> </view>
</scroll-view> <!-- 商品部分 -->
<view class="scroll-line"> <view class="xpth-product">
<view class="scroll-line-bg" wx:if="{{scrollLeft == 0}}" style="width:25rpx;"></view> <!-- 左边的2个产品 -->
<view class="scroll-line-bg2" wx:else style="width:25rpx;"></view> <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>
</view> </view>
<!-- 小轮播 --> </view>
<view class="small-swiper-box"> <!-- 右边的banner -->
<swiper class="small-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" <view class="xpth-banner" wx:if="{{xpth&&xpth.adv&&xpth.adv.length>0}}">
bindchange="changeSmBannerIndex"> <swiper class="xpth-banner-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" bindchange="changeXPathBannerIndex">
<block wx:for="{{xiaobanner}}" wx:key="index"> <block wx:for="{{xpth.adv}}" wx:key="index">
<swiper-item bindtap="bannerClick" data-item="{{item}}"> <swiper-item bindtap="bannerClick" data-item="{{item}}">
<image style="border-radius:13rpx" src="{{item.head_img}}" mode="aspectFill"></image> <image style="border-radius:13rpx" src="{{item.head_img}}"></image>
</swiper-item> </swiper-item>
</block> </block>
</swiper> </swiper>
<view class="dot-list com-flex sm-dot-list"> <view class="xpth-banner-dot-list">
<view class="dot{{smBannerIndex==index?' active':''}}" wx:for="{{xiaobanner}}" wx:key="index"></view> <view class="dot{{XPathBannerIndex==index?' active':''}}" wx:for="{{xpth.adv}}" wx:key="index"></view>
</view> </view>
</view> </view>
<!-- 游苏州 --> <!-- <image bindtap="goBanner" class="xpth-banner" data-url="{{xpth.adv.tdata}}" src="{{xpth.adv.head_img}}" mode="aspectFill" /> -->
<view class="sale-road-boxes" style="margin: 0 26.67rpx;">
<view style="margin-bottom:6rpx;">
<image style="width: 333rpx;height: 80rpx;margin-bottom: 14.67rpx;" src="https://static.ticket.sz-trip.com/uploads/20240923/2e6fb944c77767ef49602e7ae0b3e12d.png" mode=""/>
<view>
<text style="padding: 11.33rpx 18rpx;" class="hdrlNav{{index==yszIndex?' hdrlNavActive':''}}" wx:for="{{yszNav}}" data-index="{{index}}" bindtap="changeType" wx:key="this">{{item}}</text>
</view> </view>
</view> </view>
<image class="ysz-right-img" src="https://static.ticket.sz-trip.com/uploads/20250117/e0d0cf611cfa9f63259de578a6065b50.png" mode=""/>
<!-- 数字文旅-->
<view class="sale-road-boxes" style="margin-top:0">
<image mode="heightFix" style="height:100rpx" src="{{indexSeason.wlcx}}"></image>
<image class="rmtj-right" src="{{imageSourceList.CBTP[0]}}" mode="" />
</view> </view>
<view class="ysz-box {{yszIndex==1?'ysz-box2':''}}"> <view class="slide-out-box">
<view wx:if="{{yszIndex == 0}}" style="margin: 20rpx 14rpx 0;"> <!-- 元旦修改 .slide-box的原样式 height:360rpx-->
<view class="pbservice ggfw-list" style="width:100%;overflow-x: auto;height: 160rpx;"> <scroll-view scroll-x style="height:343.33rpx" bindscroll="listenScroll" class="slide-box">
<!-- <view bindtap="gotoUrl" data-event="sbk" data-title="电子社保卡" data-url="https://m.cloud.sz-trip.com/sbkLogin" class="pbservice-item ggfw"> <view class="pbservice" style="margin-bottom:30rpx">
<image src="https://static.ticket.sz-trip.com/uploads/20240923/4c0ee81974879d5160b932a7e526e90d.png" mode="widthFix"></image> <view bindtap="gotoUrl" data-title="非遗鉴赏" style="margin-left: 20rpx;" data-url="https://m.cloud.sz-trip.com/IntangibleCultural2" class="pbservice-item">
<view>电子社保卡</view> <image src="{{imageSourceList.SZWL[0]}}" mode="widthFix"></image>
</view> --> <view class="text">数字非遗</view>
</view>
<view bindtap="goH5" data-title="数字博物馆" data-path="BwsInfo" class="pbservice-item">
<image src="{{imageSourceList.SZWL[1]}}" 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="{{imageSourceList.SZWL[2]}}" 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="{{imageSourceList.SZWL[3]}}" mode="widthFix"></image>
<view>云上观展</view>
</view>
<view bindtap="goH5" data-event="book_click" data-title="文博会" data-path="CloudExpo" class="pbservice-item">
<image src="{{imageSourceList.SZWL[4]}}" 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="{{imageSourceList.SZWL[5]}}" mode="widthFix"></image>
<view class="text">精彩回顾</view>
</view>
<view bindtap="goH5" data-title="文化场馆查询" data-path="Museum" class="pbservice-item">
<image src="{{imageSourceList.SZWL[6]}}" 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="{{imageSourceList.SZWL[7]}}" 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="{{imageSourceList.SZWL[8]}}" 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="{{imageSourceList.SZWL[9]}}" 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="{{imageSourceList.SZWL[10]}}" 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="{{imageSourceList.SZWL[11]}}" 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="{{imageSourceList.SZWL[12]}}" mode="widthFix"></image>
<view class="text">美图鉴赏</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 <= 5}}" 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:100rpx" src="{{indexSeason.lyzs}}"></image>
<image class="rmtj-right" src="{{imageSourceList.CBTP[1]}}" 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="{{imageSourceList.LVZS[0]}}" mode="aspectFill"></image>
<image class="new-pic" bindtap="gotoPath" data-event="food_click" data-title="街巷美食" data-path="/pages/list/{{isTest?'road':'food'}}/index"
src="{{imageSourceList.LVZS[1]}}" mode="aspectFill"></image>
<image class="new-pic" bindtap="audioGuide" data-event="voice_click"
src="{{imageSourceList.LVZS[2]}}" mode="aspectFill"></image>
<image class="new-pic" bindtap="gotoPath" data-event="guide_click" data-title="游记攻略" data-path="/pages/list/strategy/index"
src="{{imageSourceList.LVZS[3]}}" mode="aspectFill"></image>
</view>
<!-- 公共服务 -->
<view class="sale-road-boxes" style="margin-top:0;">
<image mode="heightFix" style="height:100rpx" 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 style="width: 20rpx;height: 20rpx;margin-left: 8rpx;" src="https://static.ticket.sz-trip.com/uploads/20241225/a59cd4103d0ba9a9de7498304bf24544.png" mode="" />
</navigator>
</view>
<view style="overflow-x:auto">
<!-- 元旦修改 ggfw为新增类名 -->
<view class="pbservice ggfw-list" style="width:100%;margin-top: 43rpx;">
<view bindtap="gotoUrl" data-event="comfort_click" data-title="高峰预警" <view bindtap="gotoUrl" data-event="comfort_click" data-title="高峰预警"
data-url="https://wlsjzx.zdhxwl.cn/kt_h5/index.html#/morecopy" data-url="https://wlsjzx.zdhxwl.cn/kt_h5/index.html#/morecopy" class="pbservice-item ggfw" >
class="pbservice-item ggfw" > <image src="{{imageSourceList.GGFW[0]}}" mode="widthFix"></image>
<image src="https://static.ticket.sz-trip.com/uploads/20250117/857299fcd14ee5c7a1621598e0e05bae.png" mode="widthFix"></image>
<view>高峰预警</view> <view>高峰预警</view>
</view> </view>
<view bindtap="gotoUrl" data-event="xlqc" <view bindtap="gotoUrl" data-event="xlqc"
data-url="https://jiaotonghao2.amap.com/?channel=amap&unitId=257&src=app_share#/" class="pbservice-item ggfw"> data-url="https://jiaotonghao2.amap.com/?channel=amap&unitId=257&src=app_share#/" class="pbservice-item ggfw">
<image src="https://static.ticket.sz-trip.com/uploads/20250117/9a1611d20a32fc4b18438dabffaaacf9.png" mode="widthFix"></image> <image src="{{imageSourceList.GGFW[1]}}" mode="widthFix"></image>
<view>实时路况</view> <view>实时路况</view>
</view> </view>
<view bindtap="xlzs" class="pbservice-item ggfw" > <view bindtap="xlzs" class="pbservice-item ggfw" >
<image src="https://static.ticket.sz-trip.com/uploads/20250120/cdd4faf804f1cd494b6a7cccdc7f7f23.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/uploads/20250115/18e8e2274a8191d0be0b8c63884ebe04.png" mode="widthFix"></image>
<view>行李直送</view> <view>行李直送</view>
</view> </view>
<view bindtap="gotoUrl" data-event="xlqc"
<view class="pb-item" data-title="停车场" bindtap="gotoUrl" data-url="https://m.cloud.sz-trip.com/ParkingArea" class="pbservice-item ggfw">
<image src="https://static.ticket.sz-trip.com/uploads/20250126/083b1053137c4e0350eb92b8144f018c.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" > data-url="https://weixin.2500sz.net/zt/2023/07/luggage_storage/" class="pbservice-item ggfw" >
<image src="https://static.ticket.sz-trip.com/uploads/20250117/785044f09a3de0cb3b540f5ba11f8afb.png" mode="widthFix"></image> <image src="{{imageSourceList.GGFW[2]}}" mode="widthFix"></image>
<view>行李寄存</view> <view>行李寄存</view>
</view> --> </view>
<view class="pbservice-item ggfw" data-event="toilet_public_click" data-title="找厕所" bindtap="gotoPath" <view class="pbservice-item ggfw" data-event="toilet_public_click" data-title="找厕所" bindtap="gotoPath"
data-path="/pages/pbService/bike/index?type=1"> data-path="/pages/pbService/bike/index?type=1">
<image src="https://static.ticket.sz-trip.com/uploads/20250117/1565d2b5a46180d53b5b3c225ce91068.png" mode="widthFix"></image> <image src="{{imageSourceList.GGFW[3]}}" mode="widthFix"></image>
<view>找厕所</view> <view>找厕所</view>
</view> </view>
</view>
</view>
<!-- <view bindtap="gotoPath" data-event="security_home_click" data-title="安全服务" data-path="/pages/pbService/security/index" class="pbservice-item ggfw"> <!-- 十全十美 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240923/38fa0db45de3290d44341699dd81d8b8.png" mode="widthFix"></image> <view class="sale-road-boxes">
<view>安全服务</view> <image mode="heightFix" style="height:100rpx" src="{{indexSeason.sqj}}"></image>
</view> --> <image class="rmtj-right" src="{{imageSourceList.CBTP[2]}}" mode="" />
</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="{{imageSourceList.SQSM}}" src="{{item}}" mode="widthFix" wx:key="index">
</image>
</view>
<!-- 长三角文旅平台 -->
<view class="sale-road-boxes" style="margin-top:0" wx:if="{{otherPlat}}">
<image mode="heightFix" style="height:100rpx" src="{{indexSeason.csjwlpt}}"></image>
<image class="rmtj-right" src="{{imageSourceList.CBTP[3]}}" mode="" />
</view>
<view class="other-plats" wx:if="{{otherPlat&&!isTest}}">
<view class="other-plat" wx:for="{{otherPlat}}" bindtap="gotoOther" data-item="{{item}}" wx:key="index">
<image src="{{imageSourceList.CSJWLPT[index]}}" mode="widthFix"></image>
<view>{{item.name}}</view>
</view>
</view>
<!-- 热门推荐 -->
<view class="sale-road-boxes" style="margin-top:0">
<image mode="heightFix" style="height:100rpx" src="{{indexSeason.rmtj}}"></image>
<image class="rmtj-right" src="{{imageSourceList.CBTP[4]}}" mode="" />
</view>
<view class="hot-list" wx:if="{{isTest==false}}">
<view class="hot-list-item" wx:for="{{2}}" wx:for-index="number" wx:key="number">
<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="index">
{{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>
<navigator class="ysz-more" url="/pages/pbService/index" catchtap="pagePoint" data-event="public_view">
查看更多 >
</navigator>
</view> </view>
<view wx:else>
<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/jundaosuzhou/images/holiday/douyin.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/holiday/jiexiang.png" mode="aspectFill"></image>
<image class="new-pic" bindtap="audioGuide" data-event="voice_click"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yuyin.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/holiday/youji.png" mode="aspectFill"></image>
</view> </view>
</view> </view>
</view> </view>
<!-- 推荐榜单 -->
<image class="tjbd-title" style="width: 333rpx;height: 80rpx;margin-left: 26rpx;margin-bottom: 20rpx;" src="https://static.ticket.sz-trip.com/uploads/20250117/c91744bedb5bf427faf21b2802f7194b.png" mode=""/>
<!-- 4个产品榜单 -->
<view style="display: flex;overflow-x: scroll;padding-right: 20rpx;" class="bottom-box" wx:if="{{!isTest}}">
<view class="bd-box" style="background:{{bdItem.bg}};" wx:for-item="bdItem" wx:for-index="i" wx:for="{{bdList}}" wx:key="i">
<!-- <image class="zz" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/zzIcon.png" mode=""/> -->
<view class="bd-top">
<image class="bd-type" src="{{bdItem.icon}}" mode=""/>
<view bindtap="moreBtn" class="bd-more" data-item="{{bdItem}}">更多 ></view>
</view> </view>
<view style="position: relative;z-index: 9;"> <view wx:if="{{listMore && isTest==false}}" class="more-btn-text" bindtap="getList">查看更多</view>
<view bindtap="gobdDetail" style="display: flex;align-items: center;margin-bottom: 20rpx;" wx:for="{{bdItem.list}}" <view wx:else class="more-btn-text" bindtap="getList">暂无更多推荐</view>
wx:key="id" data-item="{{item}}">
<view class="bd-index">{{index+1}}</view>
<view class="bd-item">
<image class="bd-item-img" src="{{item.headimg}}" mode=""/>
<view class="bd-item-content">
<view class="bd-item-title textOver2">
{{item.title}}
</view> </view>
<view class="bd-item-bottom">
<view class="bd-price">{{item.price/100}}</view> <view class="mask prizeMask" wx:if="{{videoPrize}}">
<!-- <view class="bd-distance" wx:if="{{item.distance}}">{{item.distance}}</view> --> <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>
<!-- 中奖的产品 -->
<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>
<!-- 未中奖 -->
<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>
<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> </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> </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="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> <!-- 视频 -->
<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>
<view class="content" wx:else> <!-- <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> -->
<view class="main-box" > <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> -->
</view>
<!-- 下面几大板块 --> <view wx:else>
<view class="slide-out-box"> <image class="top-bg-img" src="{{indexSeason.topBac}}" mode="widthFix"></image>
<scroll-view scroll-x bindscroll="listenScroll" class="slide-box no-scrollbar"> <view style="position:relative;z-index: 1;">
<view class="pbservice no-scrollbar" style="margin:0 auto;width: fit-content;"> <swiper class="swiper" autoplay="{{true}}" interval="{{bannerInterver}}" duration="{{300}}" bindchange="changeBannerIndex" circular>
<view bindtap="gotoPath" data-event="ticket_click" style="margin-left: 10rpx;" data-title="景点门票" data-path="/pages/list/scene/index" class="pbservice-item"> <block wx:for="{{banner}}" wx:key="*this">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jdmp.png" mode="widthFix"></image> <swiper-item bindtap="bannerClick" data-item="{{item}}">
<view class="text">景点门票</view> <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>
<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/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>
<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="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> </view>
</scroll-view>
<view bindtap="gotoPath" data-event="night_sz" data-title="夜游苏州" data-path="/pages/list/night/index" class="top-icon-item" wx:if="{{false}}">
<!-- 夏季修改 -->
<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>
</view> </view>
<!-- 小轮播 --> <view class="content">
<view class="small-swiper-box">
<swiper class="small-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" <!-- 五一修改 一张banner不滚动 -->
bindchange="changeSmBannerIndex"> <view class="small-swiper-box" wx:if="{{xiaobanner.length === 1}}">
<block wx:for="{{xiaobanner}}" wx:key="index"> <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}}"> <swiper-item bindtap="bannerClick" data-item="{{item}}">
<!-- 原 圆角77rpx，现改为13rpx -->
<image style="border-radius:13rpx" src="{{item.head_img}}" mode="aspectFill"></image> <image style="border-radius:13rpx" src="{{item.head_img}}" mode="aspectFill"></image>
</swiper-item> </swiper-item>
</block> </block>
</swiper> </swiper>
<view class="dot-list com-flex sm-dot-list"> <view class="dot-list com-flex sm-dot-list">
<view class="dot{{smBannerIndex==index?' active':''}}" wx:for="{{xiaobanner}}" wx:key="index"></view> <view class="dot{{smBannerIndex==index?' active':''}}" wx:for="{{xiaobanner}}" wx:key="this"></view>
</view>
</view> </view>
<!-- 游苏州 -->
<view class="sale-road-boxes" style="margin: 0 26.67rpx;">
<view style="margin-bottom:6rpx;">
<image style="width: 333rpx;height: 80rpx;margin-bottom: 14.67rpx;" src="https://static.ticket.sz-trip.com/uploads/20240923/2e6fb944c77767ef49602e7ae0b3e12d.png" mode=""/>
<view>
<text style="padding: 11.33rpx 18rpx;" class="hdrlNav{{index==yszIndex?' hdrlNavActive':''}}" wx:for="{{yszNav}}" data-index="{{index}}" bindtap="changeType" wx:key="this">{{item}}</text>
</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> </view>
<image style="width: 192rpx;height: 164rpx;" src="https://static.ticket.sz-trip.com/uploads/20240923/ad8c0a411610938ec234d0afc864ccff.png" mode=""/> <!-- 五一修改 .slide-out-box 增加背景色-->
</view> <view class="slide-out-box">
<view class="ysz-box {{yszIndex==1?'ysz-box2':''}}"> <!-- 元旦修改 .slide-box的原样式 height:360rpx-->
<view wx:if="{{yszIndex == 0}}" style="margin: 20rpx 14rpx 0;"> <scroll-view scroll-x style="height:343.33rpx" bindscroll="listenScroll" class="slide-box">
<view class="pbservice ggfw-list" style="width:100%;overflow-x: auto;"> <view class="pbservice" style="margin-bottom:30rpx">
<view bindtap="gotoUrl" data-event="sbk" data-title="电子社保卡" data-url="https://m.cloud.sz-trip.com/sbkLogin" class="pbservice-item ggfw"> <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/20240923/4c0ee81974879d5160b932a7e526e90d.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/uploads/20240606/97844beceebd503256bebae5afd6820b.png" mode="widthFix"></image>
<view>电子社保卡</view> <view class="text">数字非遗</view>
</view> </view>
<view bindtap="gotoUrl" data-event="comfort_click" data-title="高峰预警" <view bindtap="goH5" data-title="数字博物馆" data-path="BwsInfo" class="pbservice-item">
data-url="https://wlsjzx.zdhxwl.cn/kt_h5/index.html#/morecopy" <image src="https://static.ticket.sz-trip.com/uploads/20240606/27acb48002369a8203762acc783c7492.png" mode="widthFix"></image>
class="pbservice-item ggfw" > <view class="text">数字博物馆</view>
<image src="https://static.ticket.sz-trip.com/uploads/20240923/43f561c40ef50aafa30a0a637fb016fb.png" mode="widthFix"></image>
<view>高峰预警</view>
</view> </view>
<view bindtap="gotoUrl" data-event="xlqc"
data-url="https://weixin.2500sz.net/zt/2023/07/luggage_storage/" class="pbservice-item ggfw" > <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/20240923/d59d84a7d728f4b2671b5d2e52d1d72e.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/uploads/20240606/5711260f02772eebaba9dba9dfda2b4f.png" mode="widthFix"></image>
<view>行李寄存</view> <view>云上观展</view>
</view> </view>
<view bindtap="gotoUrl" data-event="xlqc" <view bindtap="goH5" data-event="book_click" data-title="文博会" data-path="CloudExpo" class="pbservice-item">
data-url="https://jiaotonghao2.amap.com/?channel=amap&unitId=257&src=app_share#/" class="pbservice-item ggfw"> <image src="https://static.ticket.sz-trip.com/uploads/20240606/4a3804f24e034e15f19c27a85d0a8ac4.png" mode="widthFix"></image>
<image src="https://static.ticket.sz-trip.com/uploads/20240923/18818826384a788ab7ac457572174b39.png" mode="widthFix"></image> <view class="text">云上文博会</view>
<view>实时路况</view>
</view> </view>
<!-- <view bindtap="gotoPath" data-event="security_home_click" data-title="安全服务" data-path="/pages/pbService/security/index" class="pbservice-item ggfw"> <view bindtap="goH5" data-title="文化场馆查询" data-path="Museum" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/uploads/20240923/38fa0db45de3290d44341699dd81d8b8.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/uploads/20240606/29b2954718fe7b7232fe352eb503fbf0.png" mode="widthFix"></image>
<view>安全服务</view> <view class="text">文化场馆查询</view>
</view> -->
</view> </view>
<navigator class="ysz-more" url="/pages/pbService/index" catchtap="pagePoint" data-event="public_view">
查看更多 > <view bindtap="gotoPath" data-event="book_click" data-title="书仓" data-path="/pages/pbService/library/index" class="pbservice-item">
</navigator> <image src="https://static.ticket.sz-trip.com/uploads/20240606/92ddf619960de959f760d5690ed5007a.png" mode="widthFix"></image>
<view class="text">书仓</view>
</view> </view>
<view wx:else>
<view class="pic-list" style="margin-top:20rpx" >
<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/holiday/douyin.png" mode="aspectFill"></image>
<image class="new-pic" bindtap="audioGuide" data-event="voice_click"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yuyin.png" mode="aspectFill"> <view bindtap="gotoUrl" data-event="book_click" data-title="公共文化资源库" data-url="https://m.cloud.sz-trip.com/PublicCulture2022" class="pbservice-item">
</image> <image src="https://static.ticket.sz-trip.com/uploads/20240606/0f422cb2026f42c772ab12d384f5b7ef.png" mode="widthFix"></image>
<image class="new-pic" bindtap="gotoPath" data-event="guide_click" data-title="游记攻略" data-path="/pages/list/strategy/index" <view class="text">数字公共文化</view>
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/youji.png" mode="aspectFill"></image> </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> </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> </view>
</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> </view>

630
pages/index/index.wxss
View File

@ -1,12 +1,12 @@
/* pages/indexs/index.wxss */ /**index.wxss**/
/* 元旦修改 */ /* 元旦修改 */
page { page {
height: fit-content; /* background: #9DDCF5; */
padding-bottom: 36.67rpx; padding-bottom: 36.67rpx;
background: url("https://static.ticket.sz-trip.com/uploads/20250120/b42c1ac742bee3ddff35151ecd860f81.jpg");
background-size: 100% auto; background-image: url('https://static.ticket.sz-trip.com/uploads/20241225/79918a9171dcf85365935419e4717519.jpg');
/* background-repeat: round; */ background-repeat: repeat-y;
background-repeat: no-repeat; background-size: 100% 100%;
} }
.swiper,.swiper image { .swiper,.swiper image {
width: 697rpx; width: 697rpx;
@ -39,19 +39,31 @@ page {
.search-box { .search-box {
flex: 1; flex: 1;
width: 100%; width: 100%;
/* height: 64rpx; */
/* background: rgba(255, 255, 255, 0.6); */
/* border-radius: 32rpx; */
/* color: #666; */
/* height: 70.67rpx; */
height: 64rpx; height: 64rpx;
background: rgba(255,255,255,0.7); /* background: rgba(255,255,255,0.7); */
border-radius: 32rpx; border-radius: 0rpx;
color: #000; /* color: #72674E; */
color: #333333;
/* background-image: url("https://static.ticket.sz-trip.com//uploads/20240228/10b93c1389ef5dfc02d07c4091af8f2d.png");
background-size: 100% 100%; */
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 25rpx; font-size: 25rpx;
background-image: url("https://static.ticket.sz-trip.com/uploads/20241225/510a67a1e78a9eb1aeb6e049348d4701.png");
background-size: 100% 100%;
padding: 2rpx 5rpx;
box-sizing: border-box;
} }
.search-box .iconfont { .search-box .iconfont {
font-size: 30rpx; font-size: 30rpx;
margin-left: 20rpx; margin-left: 20rpx;
margin-right: 10rpx; margin-right: 20rpx;
color: #000; /* color: #72674E; */
} }
.top-box .weather-num,.top-box .weather { .top-box .weather-num,.top-box .weather {
flex-shrink: 0; flex-shrink: 0;
@ -62,18 +74,14 @@ page {
font-size: 29rpx; font-size: 29rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
margin-left: 4rpx; margin-left: 4rpx;
color: white;
} }
.top-box .weather { .top-box .weather {
font-size: 19rpx; font-size: 19rpx;
margin-top: 20rpx; margin-top: 20rpx;
margin-left: -4rpx; margin-left: -4rpx;
margin-right: 30rpx; margin-right: 30rpx;
color: white;
} }
.top-icons { .top-icons {
/* background: #FFFFFF; */
/* box-shadow: 0px 3rpx 26rpx 0px rgba(6, 0, 1, 0.13); */
border-radius: 0 0 27rpx 27rpx; border-radius: 0 0 27rpx 27rpx;
width: 697rpx; width: 697rpx;
margin: 0 auto; margin: 0 auto;
@ -81,12 +89,11 @@ page {
z-index: 0; z-index: 0;
display: flex; display: flex;
padding: 34rpx 0; padding: 34rpx 0;
padding-bottom: 7rpx; padding-bottom: 29.33rpx;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
background: #FFFED6; margin-top: -50rpx;
margin-top: -20rpx; padding-top: 84rpx;
padding-top: 54rpx;
} }
.top-icon-item { .top-icon-item {
margin-bottom: 20rpx; margin-bottom: 20rpx;
@ -101,14 +108,13 @@ page {
margin-right: 0; margin-right: 0;
} }
.top-icon-item image { .top-icon-item image {
width: 113rpx; width: 86rpx;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.content { .content {
/* margin: 0 25rpx; */ margin: 0 25rpx;
margin-top: 20.67rpx;
} }
.sale-road-boxes { .sale-road-boxes {
display: flex; display: flex;
@ -116,7 +122,6 @@ page {
margin-top: 40rpx; margin-top: 40rpx;
position: relative; position: relative;
align-items: flex-end; align-items: flex-end;
margin-bottom: 28rpx;
} }
.sale-box { .sale-box {
flex-shrink: 0; flex-shrink: 0;
@ -198,11 +203,13 @@ page {
height: 154rpx; height: 154rpx;
} }
.small-swiper-box { .small-swiper-box {
margin: 24rpx 26.67rpx 26.67rpx; margin: 50rpx 0;
/* width: 100%; */ width: 100%;
height: 154rpx; height: 154rpx;
border-radius: 20rpx; border-radius: 20rpx;
/* border-radius: 77rpx; */
overflow: hidden; overflow: hidden;
margin-top: 33rpx;
position: relative; position: relative;
} }
.product-tags { .product-tags {
@ -310,56 +317,54 @@ page {
} */ } */
/* 元旦修改 以上两个样式为注释掉的 下面的.pic-list是新改的 */ /* 元旦修改 以上两个样式为注释掉的 下面的.pic-list是新改的 */
.pic-list { .pic-list {
/* width: 100%; width: 100%;
display: flex; display: flex;
margin-right: 26rpx; margin-right: 26rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; */ flex-wrap: wrap;
display: flex;
justify-content: space-between;
margin: 0 28rpx;
} }
.title-more { .title-more {
font-size: 24rpx; font-size: 27rpx;
/* color: #0B898E; */ font-weight: 500;
/* 元旦修改 */ color: #29305A;
color: #54504D;
z-index: 9; z-index: 9;
width: 173rpx; width: 173rpx;
height: 40rpx; height: 80rpx;
line-height: 40rpx;
background: rgba(255, 255, 255, 0.5);
border-radius: 20rpx; border-radius: 20rpx;
text-align: center; text-align: center;
display: flex;
align-items: center;
justify-content: center;
} }
.title-more .iconfont { .title-more .iconfont {
font-size: 22rpx; font-size: 22rpx;
} }
.slide-out-box { .slide-out-box {
/* margin-top: 20rpx; margin-top: 20rpx;
background: #FFFED6;
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2); */
border-radius: 27rpx; border-radius: 27rpx;
padding-bottom: 1rpx; padding-bottom: 1rpx;
/* margin-bottom: 40rpx; */ margin-bottom: 40rpx;
} }
.pbservice { .pbservice {
width: calc(160rpx * 8); /* width: calc(175rpx * 6); */
/* 元旦修改 */
width: calc(190rpx * 7);
display: flex; display: flex;
margin-top: 5rpx; margin-top: 30rpx;
/* flex-wrap: wrap; */ flex-wrap: wrap;
flex-wrap: nowrap; /* margin-bottom: 60rpx; */
/* padding-left: 12rpx; */ /* 元旦修改 注释margin-bottom */
/* overflow-x: scroll; */
} }
.pbservice-item { .pbservice-item {
width: 106rpx; /* 元旦修改 截止到注释的width*/
margin-bottom: 25rpx; width: 120rpx;
margin-right: 32.33rpx; margin-bottom: 33.33rpx;
margin-right: 62.33rpx;
/* width: 175rpx; */
text-align: center; text-align: center;
font-size: 27rpx; font-size: 25rpx;
color: #000; color: #111111;
line-height: 24rpx; line-height: 24rpx;
display: flex; display: flex;
align-items: center; align-items: center;
@ -374,7 +379,7 @@ page {
margin-bottom: 20rpx; margin-bottom: 20rpx;
margin-top: 50rpx; */ margin-top: 50rpx; */
/* 元旦修改 以上都是之前的*/ /* 元旦修改 以上都是之前的*/
width: 80rpx; width: 106rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.six-box { .six-box {
@ -535,47 +540,36 @@ page {
} }
.more-btn-text { .more-btn-text {
text-align: center; text-align: center;
/* color: #0b898e;
font-size: 27rpx;
width: 200rpx;
line-height: 65rpx;
border: 1px solid #0b898e;
border-radius: 33rpx; */
margin: 20rpx auto; margin: 20rpx auto;
width: 200rpx; width: 200rpx;
height: 67rpx; height: 67rpx;
line-height: 67rpx; line-height: 67rpx;
border: 1px solid #111; border: 1px solid #5184B0;
border-radius: 35rpx;
font-size: 27rpx; font-size: 27rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #5184B0;
} }
.scroll-line { .scroll-line {
/* height: 6rpx;
border-radius: 3rpx; width: 73rpx !important;
background: #ccc; height: 7rpx;
overflow: hidden;
margin: 30rpx auto; */
/* 元旦修改 以上为注释部分 下面为新内容*/
width: 48rpx !important;
height: 8rpx;
/* background: #DDCEAC; */ /* background: #DDCEAC; */
background: #fff; background: #97D0EC;
border-radius: 4rpx; border-radius: 3rpx;
margin: 15rpx auto 10rpx; margin: 33.33rpx auto;
} }
.scroll-line-bg { .scroll-line-bg {
height: 8rpx; height: 7rpx;
background: #FF4848; background: #5184B0;
border-radius: 4rpx; border-radius: 3rpx;
} }
/* 元旦修改 新增样式 */ /* 元旦修改 新增样式 */
.scroll-line-bg2 { .scroll-line-bg2 {
margin-left: 24rpx; margin-left: 37.33rpx;
background: #FF4848; background: #5184B0;
height: 8rpx; height: 7rpx;
border-radius: 4rpx; border-radius: 3rpx;
} }
.nomore-tip-btn { .nomore-tip-btn {
position: absolute; position: absolute;
@ -681,22 +675,20 @@ page {
color: #333333; color: #333333;
line-height: 42rpx; line-height: 42rpx;
flex-wrap: wrap; flex-wrap: wrap;
background: #FFFED6;
justify-content: space-around; justify-content: space-around;
height: 187rpx; height: 187rpx;
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2);
border-radius: 27rpx; border-radius: 27rpx;
align-items: center; align-items: center;
} }
.other-plats image { .other-plats image {
width: 80rpx; width: 106rpx;
display: block; display: block;
height: 80rpx; height: 106rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
} }
.other-plat { .other-plat {
/* 春节新增样式 */ /* 春节新增样式 */
color: #54504D; color: #111111;
} }
.other-plat:nth-child(4n){ .other-plat:nth-child(4n){
margin-right: 0; margin-right: 0;
@ -830,7 +822,7 @@ page {
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.time-box { .time-box {
font-size: 25rpx; font-size: 27rpx;
font-family: DIN; font-family: DIN;
font-weight: 500; font-weight: 500;
/* color: #54504D; */ /* color: #54504D; */
@ -841,26 +833,22 @@ page {
margin-left: -50rpx; margin-left: -50rpx;
z-index: 9; z-index: 9;
flex-wrap: nowrap; flex-wrap: nowrap;
position: relative;
left: -150rpx;
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xsth-time { .xsth-time {
/* margin: 0 5rpx; */ /* width: 43rpx; */
/* width: 50rpx; */
/* height: 33rpx; */
width: 43rpx;
height: 43rpx; height: 43rpx;
padding: 0 7rpx;
line-height: 43rpx; line-height: 43rpx;
background: #4AB648;
/* background: #F9F1DB; */
/* border-radius: 5rpx; */
border-radius: 13rpx; border-radius: 13rpx;
font-size: 25rpx; font-size: 27rpx;
font-family: DIN; font-family: DIN;
font-weight: 500; font-weight: 500;
/* color: #D62828; */ color: #FF6A57;
color: white;
text-align: center; text-align: center;
/* line-height: 33rpx; */
} }
.time-box text { .time-box text {
width: 18rpx; width: 18rpx;
@ -906,60 +894,67 @@ page {
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-product { .xpth-product {
/* position: absolute; */ width: 700rpx;
width: 697rpx;
height: 373rpx; height: 373rpx;
background: #FFFED6;
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2);
border-radius: 27rpx; border-radius: 27rpx;
padding: 25rpx 15rpx; padding: 25rpx 13rpx;
box-sizing: border-box; box-sizing: border-box;
/* left: 0;
bottom: 15.33rpx;
/* width: 710rpx; */
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-banner { .xpth-banner {
/* width: 270rpx; */
/* height: 333rpx; */
/* height: 340rpx; */
/* background-image: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/springFestival2024/xpth-hBg.png"); */
/* background-size: 100% 100%; */
border-radius: 20rpx;
flex: 1; flex: 1;
margin-left: 15rpx; margin-left: 15rpx;
/* padding: 4rpx; height: 322rpx;
background: #72674e; width: 100%;
clip-path: polygon(5% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%); */ border-radius: 0rpx;
height: 319rpx; overflow: hidden;
position: relative;
background-image: url("https://static.ticket.sz-trip.com/uploads/20241225/ba525775a8361dd502c88a4e46552483.png");
background-size: 100% 100%;
padding: 3rpx;
}
.xpth-banner-swiper{
height: 100%;
border-radius: 20rpx;
overflow: hidden;
} }
.xpth-banner image { .xpth-banner image {
/* width: 270rpx; */
flex: 1; flex: 1;
height: 319rpx; height: 100%;
width: 100%;
border-radius: 20rpx; border-radius: 20rpx;
/* height: 333rpx; */ }
/* height: 340rpx; */ .xpth-banner-dot-list{
/* clip-path: polygon(5% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%); */ position: absolute;
/* border-radius: 20rpx; */ right: 0;
bottom: 10rpx;
padding: 10rpx;
display: flex;
align-items: center;
justify-content: flex-end;
}
.xpth-banner-dot-list .xpth-dot{
width: 9rpx;
height: 9rpx;
background: #FFFFFF;
border-radius: 50%;
opacity: 0.6;
margin: 0 4rpx;
}
.xpth-banner-dot-list .xpth-dot.active{
opacity: 1;
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-item { .xpth-item {
/* width: 413rpx;
height: 160rpx; */
/* background: #FFFFFF; */
/* background-image: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/springFestival2024/xpth-hBg.png");
background-size: 100% 100%; */
border-radius: 20rpx; border-radius: 20rpx;
height: 153rpx; height: 153rpx;
background: #FFFFFF;
display: flex; display: flex;
margin-bottom: 13rpx; margin-bottom: 13rpx;
/* margin-bottom: 10rpx; */ background-image: url("https://static.ticket.sz-trip.com/uploads/20241225/d469064b1bcf6c2f7cd59786e66fc249.png");
/* clip-path: polygon(5% 0, 95% 0, 100% 10%, 100% 90%, 95% 100%, 5% 100%, 0 90%, 0 10%); */ background-size: 100% 100%;
/* padding: 5rpx; */ padding: 1rpx;
} }
.xpth-item:last-child { .xpth-item:last-child {
margin-bottom: 0; margin-bottom: 0;
@ -989,7 +984,7 @@ page {
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-item-title { .xpth-item-title {
width: 230rpx; width: 210rpx;
font-size: 27rpx; font-size: 27rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
@ -1012,15 +1007,15 @@ page {
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-item-price { .xpth-item-price {
font-size: 32rpx; font-size: 31rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: bold;
color: #D62828; color: #ED1C19;
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-item-price::before { .xpth-item-price::before {
content: "￥"; content: "￥";
font-size: 20rpx; font-size: 23rpx;
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-item-buy { .xpth-item-buy {
@ -1038,22 +1033,24 @@ page {
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.new-pic { .new-pic {
width: 160rpx !important; width: 160rpx !important;
height: 255rpx !important; height: 220rpx !important;
/* margin-bottom: 26.67rpx; */ margin-bottom: 26.67rpx;
} }
.ggfw-list{ .ggfw-list {
display: flex; justify-content: space-around !important;
justify-content: space-around; }
.ggfw-list .pbservice-item{
margin-right: 0;
color: #111111;
} }
.ggfw { .ggfw {
width: auto; width: auto;
margin:0;
} }
.ggfw image{ .ggfw image{
margin-bottom: 16.67rpx; margin-bottom: 16.67rpx;
width: 113.33rpx !important; width: 93rpx !important;
height: 113.33rpx !important; height: 93rpx !important;
} }
.six-box-new { .six-box-new {
@ -1080,7 +1077,7 @@ page {
} }
/* 春节金刚区字体颜色样式更换 */ /* 春节金刚区字体颜色样式更换 */
.top-icon-text { .top-icon-text {
color: #54504D; color: #111111;
} }
.rmtj-right { .rmtj-right {
@ -1161,343 +1158,30 @@ page {
left: 56.67rpx; left: 56.67rpx;
bottom: 64rpx; bottom: 64rpx;
} }
.jqssd {
.right-more { /* background: url("https://static.ticket.sz-trip.com/uploads/20240606/20c06c5bf8d5e498667ebd954a1d95f8.png");
width: 120rpx; background-size: 100% 100%; */
height: 47rpx; width: 344.33rpx;
background: rgba(255,208,165,0.4); height: 160rpx;
border-radius: 23rpx;
font-weight: 500;
font-size: 27rpx;
color: #FFFFFF;
text-align: center;
line-height: 47rpx;
}
.hdrlNavList {
display: flex;
margin: 28rpx 26.67rpx 10rpx;
overflow-x: scroll;
flex-wrap: nowrap;
}
.hdrlNav {
flex-shrink: 0;
/* width: 160rpx; */
padding: 0 20rpx;
height: 53rpx;
background: rgba(255,208,165,0.4);
border-radius: 13rpx;
/* border: 1px solid #FFFFFF; */
min-width: 133rpx;
font-size: 32rpx;
color: #FFFFFF;
text-align: center;
line-height: 53rpx;
margin-right: 14rpx;
box-sizing: border-box;
}
.hdrlNavActive {
background: linear-gradient(180deg, #FFECD9, #FFBD7A);
font-size: 32rpx;
color: #E6201C;
border: none;
}
.hdrlItem {
flex-shrink: 0;
padding: 26.67rpx 22rpx 26.67rpx 20rpx;
/* width: 593.33rpx; */
display: flex;
background: url("https://static.ticket.sz-trip.com/uploads/20250117/8d7f5ce0ecafbc2f836342e4226ec364.png");
background-size: 100% 100%;
}
.hdrlItem-img {
width: 240rpx;
height: 213rpx;
background: #8C8C8C;
border-radius: 13rpx;
flex-shrink: 0; flex-shrink: 0;
margin-right: 12rpx;
overflow: hidden;
}
.hdrlItem-content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 213rpx;
} }
.hdrlItem-title { .jqssd image, .sslk image{
font-weight: bold; width: 100%;
font-size: 28rpx; height: 100%;
color: #000000;
margin-top: 15.33rpx;
}
.hdrlItem-date {
font-weight: 500;
font-size: 23rpx;
color: #000000;
margin-bottom: 19.33rpx;
}
.main-box {
background-image: url("https://static.ticket.sz-trip.com/uploads/20250117/98ca9dfa8253e50d624ce64d24295570.png");
background-size: 100% 100%;
padding: 27.67rpx 20.67rpx 40rpx 20rpx;
margin: 0 8rpx;
}
.main-box-top {
display: flex;
margin-bottom: 5.33rpx;
}
.gfyj,.sslk {
width: 369.33rpx;
height: 146rpx;
flex-shrink: 0;
} }
.sslk { .sslk {
margin-left: -48rpx; /* background: url("https://static.ticket.sz-trip.com/uploads/20240729/c1554fdd645a0d3a47c8e683186e1a73.png");
} background-size: 100% 100%; */
width: 344rpx;
.movieItem { height: 160rpx;
padding: 26.67rpx 26rpx 26.67rpx 20rpx;
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png");
background-size: 100% 100%;
flex-shrink: 0;
height: 206.67rpx;
}
.movieItem-img {
width: 213rpx;
height: 213rpx;
border-radius: 18rpx;
margin-right: 18rpx;
flex-shrink: 0; flex-shrink: 0;
} }
.ysz-box {
margin: 0 8rpx 15.33rpx;
background-image: url("https://static.ticket.sz-trip.com/uploads/20250117/8efd4c072b3c95fe7c31d1e7b79759d3.png");
/* padding: 43.33rpx 59rpx 46.67rpx 58rpx; */
background-size: 100% 100%;
width: 733.33rpx;
height: 320rpx;
padding-top: 33.33rpx;
position: relative;
z-index: 1;
}
.ysz-more {
width: 267rpx;
height: 53rpx;
background: #FFFFFF;
border-radius: 27rpx;
margin: 38rpx auto 0;
text-align: center;
line-height: 53rpx;
font-weight: 500;
font-size: 25rpx;
color: #FF4D48;
}
.ysz-box2 {
/* padding: 20rpx 35rpx; */
padding-top: 23.33rpx;
}
.tjbd-title {
width: 286.67rpx;
height: 80rpx;
}
.bd-box { .xsth-left{
position: relative; /* flex: 1;
padding: 36rpx 30.67rpx 44.67rpx 28.67rpx; width: 1rpx; */
margin-left: 26.67rpx;
width: 582rpx;
/* height: 1133rpx; */
background: linear-gradient(-8deg, #F4F9FF, #B9E1F0);
/* box-shadow: 0rpx 7rpx 20rpx 0rpx rgba(224,61,60,0.26); */
border-radius: 20rpx 80rpx 20rpx 20rpx;
}
.bd-top {
display: flex;
justify-content: space-between;
margin-bottom: 30rpx;
position: relative;
} }
.zz { .xsth-left>image{
width: 236.67rpx; max-width: 100%;
height: 206.67rpx;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.bd-type {
width: 125.33rpx;
height: 38.67rpx;
}
.bd-more {
width: 120rpx;
height: 47rpx;
background: rgba(255,255,255,.7);
border-radius: 23rpx;
font-weight: 500;
font-size: 27rpx;
color: #F34017;
z-index: 9;
text-align: center;
line-height: 47rpx;
}
.bd-index {
font-weight: bold;
font-size: 40rpx;
color: #000000;
}
.bd-item {
margin-left: 45.33rpx;
width: 453rpx;
height: 147rpx;
background: #FFFFFF;
border-radius: 13rpx;
display: flex;
}
.bd-item-img {
width: 147rpx;
height: 147rpx;
background: #D9D9D9;
border-radius: 13rpx;
flex-shrink: 0;
margin-right: 12.67rpx;
}
.bd-item-content {
padding: 14rpx 29.33rpx 13.33rpx 0;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.bd-item-title {
font-weight: bold;
font-size: 27rpx;
color: #333333;
}
.bd-item-bottom {
display: flex;
justify-content: space-between;
align-items: baseline;
width: 260rpx;
}
.bd-price {
font-size: 29.33rpx;
color: #F93434;
font-weight: bold;
}
.bd-price:after {
content:'起';
color: #999999;
font-size: 23rpx;
font-weight: 700;
}
.bd-price::before {
content:'￥';
font-size: 23rpx;
}
.bd-distance {
font-weight: 500;
font-size: 23rpx;
color: #999999;
}
.buyMovie {
width: 160rpx;
height: 56rpx;
background: #FF4848;
color: #fff;
border-radius: 20rpx;
text-align: center;
line-height: 56rpx;
}
.bg1 {
background: linear-gradient(-8deg, #F4F9FF, #B9E1F0);
}
.bg2 {
background: linear-gradient(-8deg, #F9FFE3, #F3FFC4);
}
.bg3 {
background: linear-gradient(180deg, #E0F7DC, #A0F292);
}
.bg4 {
background: linear-gradient(-8deg, #F6F2FF, #E3D9FF);
}
.hdrlNavList::-webkit-scrollbar{
display:none;
}
.hdrlList::-webkit-scrollbar{
display:none;
}
.bottom-box::-webkit-scrollbar{
display:none;
}
.slide-box::-webkit-scrollbar{
display:none;
}
.pbservice::-webkit-scrollbar{
display:none;
}
.textOver3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; overflow: hidden;
} }
.public-box {
width: 593.33rpx;
height: 266.67rpx;
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png");
background-size: 100% 100%;
}
.one::-webkit-scrollbar{
display:none;
}
.date-container{
position: relative;
}
.nowDate{
display: flex;
position: absolute;
left: 228.77rpx;
bottom: 7.33rpx;
}
.nowDate>view{
width: 44rpx;
height: 44rpx;
border-radius: 7rpx;
text-align: center;
line-height: 44rpx;
font-family: PingFang SC;
font-weight: 500;
font-size: 29rpx;
color: #FFFFFF;
}
.nowDate .num{
background: #FFD0A5;
color: #111111;
font-family: PingFang SC;
font-weight: bold;
font-size: 29rpx;
color: #111111;
}
.ysz-right-img{
width: 200.8rpx;
height: 207.33rpx;
position: absolute;
right: -26rpx;
top: 0;
z-index:1;
}
.hidden{
display: none;
}

113
subPackages/indexGQ/imgSource.js
View File

@ -0,0 +1,113 @@
const imageSource = {
// 活动日历、场馆预约等
mainFunImgs: [
"https://static.ticket.sz-trip.com/uploads/20241225/9a472382adcb3793e6c61ad3ea2fbb05.png",
"https://static.ticket.sz-trip.com/uploads/20241225/ba19e78aaa629e3ece995d599526d08c.png",
"https://static.ticket.sz-trip.com/uploads/20241225/9fc20afb60e1e647b511d9973e96bd4b.png",
"https://static.ticket.sz-trip.com/uploads/20241225/7030de3a317567442f5141d833e5f752.png",
"https://static.ticket.sz-trip.com/uploads/20241225/fb7ce8cc732bb34bf881dd7129f1e708.png",
"https://static.ticket.sz-trip.com/uploads/20241225/1faaa62c2d0bd9b912950e742347b0b6.png",
"https://static.ticket.sz-trip.com/uploads/20241225/661fcc7e02d2c5d734a43d5dbbe79363.png",
"https://static.ticket.sz-trip.com/uploads/20241225/f0e901bc9ab4c988295e4a2f88cb3ffe.png",
"https://static.ticket.sz-trip.com/uploads/20241225/ebb4be1738d227f6deb3f895db663eed.png",
"https://static.ticket.sz-trip.com/uploads/20241225/1c847b7edcee6fec2928da4280ef19ca.png",
],
// 数字文旅
SZWL: [
// 非遗，博物馆，名人馆，云上，云上文博，精彩回顾，文化场馆
// 苏影通 书仓 e读书 数字公共文化 云游苏州 美图鉴赏
"https://static.ticket.sz-trip.com/uploads/20241225/70e78a734c5f1ec7f9461c071ce05a6b.png",
"https://static.ticket.sz-trip.com/uploads/20241225/a4a7e0487b417c5ed2140d5e2341da43.png",
"https://static.ticket.sz-trip.com/uploads/20241225/f7a2d28af1be501b0c104e8f831f3c36.png",
"https://static.ticket.sz-trip.com/uploads/20241225/003cb24afb80aeef891d73bfeeab4359.png",
"https://static.ticket.sz-trip.com/uploads/20241225/8f4ab6d79b0b2851cd4f7ceff92155f6.png",
"https://static.ticket.sz-trip.com/uploads/20241225/845592de452a60ad5d9a51cb8cf73d99.png",
"https://static.ticket.sz-trip.com/uploads/20241225/71e21d53580b8c1dcd1ec6b8f2c1f959.png",
"https://static.ticket.sz-trip.com/uploads/20241225/dd691cdd5cf61f4172a9ee179bab8bc2.png",
"https://static.ticket.sz-trip.com/uploads/20241225/eae7eed9a19bc1f0c5296da5c3a8c6e2.png",
"https://static.ticket.sz-trip.com/uploads/20241225/73ce0d4057cca77dbcaaa6b858d84e33.png",
"https://static.ticket.sz-trip.com/uploads/20241225/1efa141c778d55b471ad950fa886119b.png",
"https://static.ticket.sz-trip.com/uploads/20241225/02be10405480f0139b75fe355f9a8df8.png",
"https://static.ticket.sz-trip.com/uploads/20241225/2d7514ce60a3843ae04b98660ed2d622.png",
],
// 旅游助手
LVZS: [
"https://static.ticket.sz-trip.com/uploads/20241225/73567ffad3e927a0ce5a5dab8c13963e.png",
"https://static.ticket.sz-trip.com/uploads/20241225/96d36ec8e1794d9873ba0687beed9288.png",
"https://static.ticket.sz-trip.com/uploads/20241225/973b2cc8b0614b28400b6cc04c3c8495.png",
"https://static.ticket.sz-trip.com/uploads/20241225/200277a64244c067e260da28511a6420.png",
],
// 公共服务
GGFW: [
"https://static.ticket.sz-trip.com/uploads/20241225/dd917bfef53fa2fd54d733dad8e435b5.png",
"https://static.ticket.sz-trip.com/uploads/20241225/d9551507d901dff803b0f06ab545c74f.png",
"https://static.ticket.sz-trip.com/uploads/20241225/c44aadc6e054f3a2ac9cfcefdad048ea.png",
"https://static.ticket.sz-trip.com/uploads/20241225/826c8084cde314a4f8b46e91bcd77acc.png",
],
// 十全十美
SQSM: [
// ["changshu","taicang", "kunshan","wujiang","gongyeyuanqu","zhangjiagang","wuzhong","xiangcheng","gusu","gaoxin"],
"https://static.ticket.sz-trip.com/uploads/20241225/1a963a3b3a6cf9a4dca822cce6574e3f.png",
"https://static.ticket.sz-trip.com/uploads/20241225/21fba8904ce6ae5fe7d6a64a2794d93b.png",
"https://static.ticket.sz-trip.com/uploads/20241225/98b19eb35e6621818b1ba78def011778.png",
"https://static.ticket.sz-trip.com/uploads/20241225/24f59b0e143a249fec891b2ef22800ef.png",
"https://static.ticket.sz-trip.com/uploads/20241225/73f11fcdf9e7a3236815a5935ab70253.png",
"https://static.ticket.sz-trip.com/uploads/20241225/f48f42f53e2a53f0b978684bcbd1b8c5.png",
"https://static.ticket.sz-trip.com/uploads/20241225/de5ae5de54a255a72f404d688c2ceb3e.png",
"https://static.ticket.sz-trip.com/uploads/20241225/9be62fc5347411ada17ec9f4b3ea8c28.png",
"https://static.ticket.sz-trip.com/uploads/20241225/2fcea197a5d9ac98d29cb194d9ab45db.png",
"https://static.ticket.sz-trip.com/uploads/20241225/d4d91992a844af511498af07e39cab45.png",
],
// 长三角文旅平台
CSJWLPT: [
"https://static.ticket.sz-trip.com/uploads/20241225/ef61d89d6d0f5ca84f56917920a162f2.png",
"https://static.ticket.sz-trip.com/uploads/20241225/8368833b47ccfe9bc34a395eea74efb4.png",
"https://static.ticket.sz-trip.com/uploads/20241225/7cc0f4a931bb969f7a063ea6e00325e6.png",
],
// 导航标题侧边图片
CBTP: [
"https://static.ticket.sz-trip.com/uploads/20241225/4e4d8c6b8fad6afb7fd3fc2e04dd3fda.png",
"https://static.ticket.sz-trip.com/uploads/20241225/caeb000298ff47c053574a60f87ced6e.png",
"https://static.ticket.sz-trip.com/uploads/20240428/6955225b950d5bbe5168f5d9994a6098.png",
"https://static.ticket.sz-trip.com/uploads/20241225/1d9433deead99749beacc38be93a79a0.png",
"https://static.ticket.sz-trip.com/uploads/20241225/7df57b4bd1bb784e6c085c89e9ef883a.png",
],
// 其他后台配置的图片，开发时使用
testImgs: {
indexSeason : {
// 头图
topBac: "https://static.ticket.sz-trip.com/uploads/20241225/f039e6b753c4c7fbd3ba78aa89f0b0fe.png",
// ai伴你游
ai: "https://static.ticket.sz-trip.com/uploads/20241225/164406bfa707e66e6aa5d2e2dd5364d1.png",
// ai避高峰
avoid: "https://static.ticket.sz-trip.com/uploads/20241225/2f7600e95027686eb71ac499abfe14cc.png",
// 新品特惠
xpth: "https://static.ticket.sz-trip.com/uploads/20241225/4df3cd8bda55d743d597706efa5fd50a.png",
// 文旅鉴赏
wlcx: "https://static.ticket.sz-trip.com/uploads/20241225/6cee0a7fce7873444824bc56dc452085.png",
// 出行助手
lyzs: "https://static.ticket.sz-trip.com/uploads/20241225/6b3ed3f6533470b45bffe44447ed8f86.png",
// 公共服务
ggfw: "https://static.ticket.sz-trip.com/uploads/20241225/6a9d7e1d968961cbe1aaf9bef994518a.png",
// 十全十美
sqj: "https://static.ticket.sz-trip.com/uploads/20241225/c7ce89fec139ff7a530a5d68ef2f56c8.png",
// 长三角文旅平台
csjwlpt: "https://static.ticket.sz-trip.com/uploads/20241225/a38194b30ce9a956aa9701a65dc68aea.png",
// 热门推荐
rmtj: "https://static.ticket.sz-trip.com/uploads/20241225/b31bfd4ff8cca2071928a1edeab4e818.png",
}
},
}
module.exports = imageSource

6
subPackages/indexGQ/index.js
View File

@ -33,7 +33,7 @@ Page({
videoPrize: false, videoPrize: false,
prizeInfo: null, prizeInfo: null,
otherPlat: null, otherPlat: null,
activeBannerIndex: 0, activeBannerIndex: 5,
smBannerIndex: 0, smBannerIndex: 0,
indexSeason: {}, indexSeason: {},
// startList: [], // 启动页广告 // startList: [], // 启动页广告
@ -290,6 +290,8 @@ Page({
product_model: 'post', product_model: 'post',
offset: 0, offset: 0,
limit: 6, limit: 6,
sort:'sales_number',
order:'desc',
}).then(res=>{ }).then(res=>{
bdList[3].list = res.data.list bdList[3].list = res.data.list
this.setData({ this.setData({
@ -313,7 +315,7 @@ Page({
}) })
// 非看不可--剧场演出 // 非看不可--剧场演出
commonApi._post("product/get_product_by_tag",{ commonApi._post("product/get_product_by_tag",{
tag_id:"6", tag_id:"477",
offset:0, offset:0,
limit:6, limit:6,
sort:'', sort:'',

61
subPackages/indexGQ/index.wxml
View File

@ -1,7 +1,7 @@
<!--pages/indexs/index.wxml--> <!--pages/indexs/index.wxml-->
<title title="君到苏州（文化旅游总入口）"></title> <title title="君到苏州（文化旅游总入口）"></title>
<!-- 后台获取的季节动图 --> <!-- 后台获取的季节动图 -->
<image class="top-bg-img" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/newYear2025/topBg.png" mode="widthFix"></image> <image class="top-bg-img" src="https://static.ticket.sz-trip.com/uploads/20250121/540fa46b838ea3166cd8701bd611ca9d.gif" mode="widthFix"></image>
<view wx:if="{{weather}}" class="top-box" style="height: 63rpx"> <view wx:if="{{weather}}" class="top-box" style="height: 63rpx">
<image src="{{weather.icon2}}" style="margin-left:0" mode="aspectFill"></image> <image src="{{weather.icon2}}" style="margin-left:0" mode="aspectFill"></image>
<view class="weather-num">{{weather.max_temp}}°</view> <view class="weather-num">{{weather.max_temp}}°</view>
@ -19,7 +19,7 @@
</navigator> </navigator>
</view> </view>
<view style="position:relative;z-index: 1;" > <view style="position:relative;z-index: 1;" >
<swiper class="swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" bindchange="changeBannerIndex" circular> <swiper class="swiper" autoplay="{{true}}" interval="{{3000}}" duration="{{300}}" bindchange="changeBannerIndex" current="5" circular>
<block wx:for="{{banner}}" wx:key="index"> <block wx:for="{{banner}}" wx:key="index">
<swiper-item bindtap="bannerClick" data-item="{{item}}"> <swiper-item bindtap="bannerClick" data-item="{{item}}">
<image src="{{item.head_img}}" mode="scaleToFill"></image> <image src="{{item.head_img}}" mode="scaleToFill"></image>
@ -43,7 +43,7 @@
</view> </view>
</view> </view>
<view class="hdrlNavList"> <view class="hdrlNavList">
<view class="hdrlNav{{index==hdrlNavIndex?' hdrlNavActive':''}}" wx:for="{{hdrlNavList}}" data-index="{{index}}" bindtap="changeHdrlNav" wx:key="id"> <view class="hdrlNav{{index==hdrlNavIndex?' hdrlNavActive':''}} {{index==4?'hidden':''}}" wx:for="{{hdrlNavList}}" data-index="{{index}}" bindtap="changeHdrlNav" wx:key="id">
{{item.title}} {{item.title}}
</view> </view>
</view> </view>
@ -107,6 +107,16 @@
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jcyc.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jcyc.png" mode="widthFix"></image>
<view class="text">剧场演出</view> <view class="text">剧场演出</view>
</view> </view>
<view bindtap="gotoPath" data-event="hotel_click" data-title="酒店住宿" data-path="/pages/list/hotel/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/uploads/20250122/abd1f734fa04b783d8083ea1139b91fd.png" mode="widthFix"></image>
<view class="text">酒店住宿</view>
</view>
<!-- 临时跳转专题页 -->
<!-- <view bindtap="gotoUrl" data-event="hotel_click" data-title="酒店住宿" data-url="https://m.cloud.sz-trip.com/carPurchase" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/uploads/20250122/abd1f734fa04b783d8083ea1139b91fd.png" mode="widthFix"></image>
<view class="text">酒店住宿</view>
</view> -->
<view bindtap="gotoUrl" data-event="card" data-title="一卡游苏州" data-url="https://m.cloud.sz-trip.com/OneDayTravelNew" class="pbservice-item"> <view bindtap="gotoUrl" data-event="card" data-title="一卡游苏州" data-url="https://m.cloud.sz-trip.com/OneDayTravelNew" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yry.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yry.png" mode="widthFix"></image>
<view class="text">一日游</view> <view class="text">一日游</view>
@ -124,6 +134,12 @@
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/fyzm.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/fyzm.png" mode="widthFix"></image>
<view class="text">非遗专卖</view> <view class="text">非遗专卖</view>
</view> </view>
<view bindtap="gotoUrl" data-event="movie" data-title="研学游" data-url="https://m.cloud.sz-trip.com/LearningTravel" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/uploads/20250122/0022aa79a96e8c6e23aa914c74cfb136.png" mode="widthFix"></image>
<view class="text">研学游</view>
</view>
</view> </view>
</scroll-view> </scroll-view>
<view class="scroll-line"> <view class="scroll-line">
@ -178,11 +194,17 @@
<image src="https://static.ticket.sz-trip.com/uploads/20250120/cdd4faf804f1cd494b6a7cccdc7f7f23.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/uploads/20250120/cdd4faf804f1cd494b6a7cccdc7f7f23.png" mode="widthFix"></image>
<view>行李直送</view> <view>行李直送</view>
</view> </view>
<view bindtap="gotoUrl" data-event="xlqc"
<view class="pb-item" data-title="停车场" bindtap="gotoUrl" data-url="https://m.cloud.sz-trip.com/ParkingArea" class="pbservice-item ggfw">
<image src="https://static.ticket.sz-trip.com/uploads/20250126/083b1053137c4e0350eb92b8144f018c.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" > data-url="https://weixin.2500sz.net/zt/2023/07/luggage_storage/" class="pbservice-item ggfw" >
<image src="https://static.ticket.sz-trip.com/uploads/20250117/785044f09a3de0cb3b540f5ba11f8afb.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/uploads/20250117/785044f09a3de0cb3b540f5ba11f8afb.png" mode="widthFix"></image>
<view>行李寄存</view> <view>行李寄存</view>
</view> </view> -->
<view class="pbservice-item ggfw" data-event="toilet_public_click" data-title="找厕所" bindtap="gotoPath" <view class="pbservice-item ggfw" data-event="toilet_public_click" data-title="找厕所" bindtap="gotoPath"
data-path="/pages/pbService/bike/index?type=1"> data-path="/pages/pbService/bike/index?type=1">
@ -255,42 +277,19 @@
<!-- 高峰预警、实时路况及几个板块 --> <!-- 高峰预警、实时路况及几个板块 -->
<view class="main-box" > <view class="main-box" >
<!-- 上面的高峰预警、实时路况 --> <!-- 上面的高峰预警、实时路况 -->
<view class="main-box-top">
<image data-title="景区舒适度"
data-url="https://m.cloud.sz-trip.com/aiPlay" class="gfyj" src="https://static.ticket.sz-trip.com/uploads/20240923/c4115b53ebfe5ae3c49bdb4f5f026726.png" mode=""/>
<image class="sslk"
src="https://static.ticket.sz-trip.com/uploads/20240923/3ac9e07109e38dbbcd43bc3140c62e89.png" mode=""/>
</view>
<!-- 下面几大板块 --> <!-- 下面几大板块 -->
<view class="slide-out-box"> <view class="slide-out-box">
<scroll-view scroll-x bindscroll="listenScroll" class="slide-box no-scrollbar"> <scroll-view scroll-x bindscroll="listenScroll" class="slide-box no-scrollbar">
<view class="pbservice no-scrollbar" style="margin-bottom:30rpx;width: fit-content;"> <view class="pbservice no-scrollbar" style="margin:0 auto;width: fit-content;">
<view bindtap="gotoPath" data-event="ticket_click" style="margin-left: 10rpx;" data-title="景点门票" data-path="/pages/list/scene/index" class="pbservice-item"> <view bindtap="gotoPath" data-event="ticket_click" style="margin-left: 10rpx;" data-title="景点门票" data-path="/pages/list/scene/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jdmp.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jdmp.png" mode="widthFix"></image>
<view class="text">景点门票</view> <view class="text">景点门票</view>
</view> </view>
<view bindtap="gotoPath" data-event="night_sz" data-title="夜游苏州" data-path="/pages/list/night/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yysz.png" mode="widthFix"></image>
<view class="text">夜游苏州</view>
</view>
<view bindtap="gotoPath" data-event="show" data-title="剧场演出" data-path="/pages/list/{{isTest?'activity':'theatre'}}/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jcyc.png" mode="widthFix"></image>
<view class="text">剧场演出</view>
</view>
<view bindtap="gotoPath" data-event="museum" data-title="场馆预约" data-path="/pages/list/{{isTest?'scene':'museum'}}/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/cgyy.png" mode="widthFix"></image>
<view class="text">场馆预约</view>
</view>
</view> </view>
</scroll-view> </scroll-view>
<view class="scroll-line">
<view class="scroll-line-bg" wx:if="{{scrollLeft == 0}}" style="width:25rpx;"></view>
<view class="scroll-line-bg2" wx:else style="width:25rpx;"></view>
</view>
</view> </view>
</view> </view>
<!-- 小轮播 --> <!-- 小轮播 -->

5
subPackages/indexGQ/index.wxss
View File

@ -1311,7 +1311,7 @@ page {
width: 582rpx; width: 582rpx;
/* height: 1133rpx; */ /* height: 1133rpx; */
background: linear-gradient(-8deg, #F4F9FF, #B9E1F0); background: linear-gradient(-8deg, #F4F9FF, #B9E1F0);
box-shadow: 0rpx 7rpx 20rpx 0rpx rgba(27,128,97,0.56); /* box-shadow: 0rpx 7rpx 20rpx 0rpx rgba(224,61,60,0.26); */
border-radius: 20rpx 80rpx 20rpx 20rpx; border-radius: 20rpx 80rpx 20rpx 20rpx;
} }
.bd-top { .bd-top {
@ -1498,3 +1498,6 @@ page {
top: 0; top: 0;
z-index:1; z-index:1;
} }
.hidden{
display: none;
}
Write Preview
Loading…
Cancel
Save