jiazhipeng
2 years ago
15 changed files with 5031 additions and 1892 deletions
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 6.9 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -0,0 +1,6 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"common-image":"/pages/component/commonImage/index", |
|||
"title":"/pages/component/TitleHeader" |
|||
} |
|||
} |
|||
@ -0,0 +1,316 @@ |
|||
<!--pages/indexs/index.wxml--> |
|||
<title title="君到苏州（文化旅游总入口）"></title> |
|||
<!-- 后台获取的季节动图 --> |
|||
<image class="top-bg-img" src="https://static.ticket.sz-trip.com/uploads/20240923/d62c7214a790c9746c9dd9f8821775f7.gif" mode="widthFix"></image> |
|||
<view wx:if="{{weather}}" class="top-box" style="height: 63rpx"> |
|||
<image src="{{weather.icon2}}" style="margin-left:0" mode="aspectFill"></image> |
|||
<view class="weather-num">{{weather.max_temp}}°</view> |
|||
<view class="weather">{{weather.weather}}</view> |
|||
<image bindtap="gotoPath" style="margin-left:0" data-path="/pages/user/service/index" |
|||
data-event="customer_service_click" src="https://static.ticket.sz-trip.com/uploads/20240428/7c77f3fc227acb3f15963c54fbd3d954.png" |
|||
mode="aspectFill"></image> |
|||
<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> |
|||
</view> |
|||
<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"> |
|||
<view class="iconfont icon-sousuo"></view> |
|||
<view class="textOver">搜索想要的旅游产品或服务</view> |
|||
</navigator> |
|||
</view> |
|||
<view style="position:relative;z-index: 1;" > |
|||
<swiper class="swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" bindchange="changeBannerIndex" circular> |
|||
<block wx:for="{{banner}}" wx:key="this"> |
|||
<swiper-item bindtap="bannerClick" data-item="{{item}}"> |
|||
<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="content"> |
|||
<!-- 活动日历 --> |
|||
<view class="sale-road-boxes" style="margin: 0 26.67rpx;"> |
|||
<image mode="heightFix" style="height:86rpx" src="https://static.ticket.sz-trip.com/uploads/20240923/00c7635dd9648e9dc4d0d044c06f495c.png"></image> |
|||
<navigator url="/pages/list/activitynew/index" class="right-more">更多 ></navigator> |
|||
</view> |
|||
<view class="hdrlNavList"> |
|||
<view class="hdrlNav{{index==hdrlNavIndex?' hdrlNavActive':''}}" wx:for="{{hdrlNavList}}" data-index="{{index}}" bindtap="changeHdrlNav" wx:key="id"> |
|||
{{item.title}} |
|||
</view> |
|||
</view> |
|||
<view wx:if="{{hdrlNavIndex!=4}}"> |
|||
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" class="hdrlList" wx:if="{{!isTest}}"> |
|||
<view class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="this" style="width: 593.33rpx;"> |
|||
<view style="background: #fff;display: flex;border-radius: 13rpx;"> |
|||
<image class="hdrlItem-img" src="{{item.post_url}}" mode=""/> |
|||
<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> |
|||
</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 class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="this"> |
|||
<view style="background: #fff;width: 570rpx;display: flex;border-radius: 13rpx;"> |
|||
<image class="movieItem-img" src="{{item.headimg}}" mode=""/> |
|||
<view style="display: flex;flex-direction: column;justify-content: space-between;padding: 10rpx 10rpx 5rpx 2rpx;font-size: 30rpx;font-weight: 500;width: 500rpx;box-sizing: border-box;"> |
|||
<view>{{item.title}}</view> |
|||
<view style="display: flex;justify-content: flex-end;"> |
|||
<view class="buyMovie">去购票 ></view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!-- 高峰预警、实时路况及几个板块 --> |
|||
<view class="main-box" wx:if="{{!isTest}}"> |
|||
<!-- 上面的高峰预警、实时路况 --> |
|||
<view class="main-box-top"> |
|||
<image bindtap="gotoUrl" data-event="comfort_click" 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 bindtap="gotoUrls" data-event="xlqc" class="sslk" |
|||
src="https://static.ticket.sz-trip.com/uploads/20240923/3ac9e07109e38dbbcd43bc3140c62e89.png" mode=""/> |
|||
</view> |
|||
<!-- 下面几大板块 --> |
|||
<view class="slide-out-box"> |
|||
<scroll-view scroll-x bindscroll="listenScroll" class="slide-box"> |
|||
<view class="pbservice" 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 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="specialty" data-title="文创特产" data-path="/pages/list/{{isTest?'road':'techan'}}/index" class="pbservice-item"> |
|||
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/wctc.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="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> |
|||
<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 bindtap="gotoPath" data-event="one_card" data-title="一卡游" data-path="/pages/list/card/index" class="pbservice-item"> |
|||
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yky.png" mode="widthFix"></image> |
|||
<view class="text">一卡游</view> |
|||
</view> |
|||
<view bindtap="gotoPath" data-event="legacy" data-title="非遗专卖" data-path="/pages/list/{{isTest?'scene':'feiyi'}}/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> |
|||
</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 class="small-swiper-box"> |
|||
<swiper class="small-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" |
|||
bindchange="changeSmBannerIndex"> |
|||
<block wx:for="{{xiaobanner}}" wx:key="*this"> |
|||
<swiper-item bindtap="bannerClick" data-item="{{item}}"> |
|||
<image style="border-radius: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="this"></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> |
|||
<image style="width: 192rpx;height: 164rpx;" src="https://static.ticket.sz-trip.com/uploads/20240923/ad8c0a411610938ec234d0afc864ccff.png" mode=""/> |
|||
</view> |
|||
<view class="ysz-box {{yszIndex==1?'ysz-box2':''}}"> |
|||
<view wx:if="{{yszIndex == 0}}" style="margin: 20rpx 14rpx 0;"> |
|||
<view class="pbservice ggfw-list" style="width:100%;overflow-x: auto;"> |
|||
<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/4c0ee81974879d5160b932a7e526e90d.png" mode="widthFix"></image> |
|||
<view>电子社保卡</view> |
|||
</view> |
|||
<view bindtap="gotoUrl" data-event="comfort_click" data-title="高峰预警" |
|||
data-url="https://wlsjzx.zdhxwl.cn/kt_h5/index.html#/morecopy" class="pbservice-item ggfw" > |
|||
<image src="https://static.ticket.sz-trip.com/uploads/20240923/43f561c40ef50aafa30a0a637fb016fb.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" > |
|||
<image src="https://static.ticket.sz-trip.com/uploads/20240923/d59d84a7d728f4b2671b5d2e52d1d72e.png" mode="widthFix"></image> |
|||
<view>行李寄存</view> |
|||
</view> |
|||
<view bindtap="gotoUrl" data-event="xlqc" |
|||
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/20240923/18818826384a788ab7ac457572174b39.png" mode="widthFix"></image> |
|||
<view>实时路况</view> |
|||
</view> |
|||
|
|||
<!-- <view bindtap="gotoPath" data-event="security_home_click" data-title="安全服务" data-path="/pages/pbService/security/index" class="pbservice-item ggfw"> |
|||
<image src="https://static.ticket.sz-trip.com/uploads/20240923/38fa0db45de3290d44341699dd81d8b8.png" mode="widthFix"></image> |
|||
<view>安全服务</view> |
|||
</view> --> |
|||
|
|||
|
|||
</view> |
|||
<navigator class="ysz-more" url="/pages/pbService/index" catchtap="pagePoint" data-event="public_view"> |
|||
查看更多 > |
|||
</navigator> |
|||
</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> |
|||
<!-- 推荐榜单 --> |
|||
<image class="tjbd-title" style="width: 333rpx;height: 80rpx;margin-left: 26rpx;margin-bottom: 20rpx;" src="https://static.ticket.sz-trip.com/uploads/20240923/fc8d43d1ca820912aae4b2bede13235c.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:{{item.bg}};" wx:for="{{bdList}}" wx:key="this"> |
|||
<!-- <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="{{item.icon}}" mode=""/> |
|||
<view bindtap="moreBtn" class="bd-more" data-item="{{item}}">更多 ></view> |
|||
</view> |
|||
<view wx:if="{{index==0}}" style="position: relative;z-index: 9;"> |
|||
<view data-url="/pages/info/sceneProductInfo/index?id={{item.id}}" style="display: flex;align-items: center;margin-bottom: 20rpx;" wx:for="{{list1}}" wx:key="id" bindtap="gobdDetail"> |
|||
<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 class="bd-item-bottom"> |
|||
<view class="bd-price">{{item.price/100}}</view> |
|||
<view class="bd-distance" wx:if="{{item.distance}}">{{item.distance}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view wx:if="{{index==1}}" style="position: relative;z-index: 9;"> |
|||
<view bindtap="gobdDetail" data-url="/pages/info/postProductInfo/index?id={{item.id}}" style="display: flex;align-items: center;margin-bottom: 20rpx;" wx:for="{{list2}}" wx:key="id"> |
|||
<view class="bd-index">{{index+1}}</view> |
|||
<view class="bd-item"> |
|||
<image class="bd-item-img" src="{{item.headimg}}" mode="aspectFill"/> |
|||
<view class="bd-item-content"> |
|||
<view class="bd-item-title textOver2"> |
|||
{{item.title}} |
|||
</view> |
|||
<view class="bd-item-bottom"> |
|||
<view class="bd-price">{{item.price/100}}</view> |
|||
<view class="bd-distance" wx:if="{{item.distance}}">{{(item.distance/1000)}}km</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view wx:if="{{index==2}}" style="position: relative;z-index: 9;"> |
|||
<view bindtap="gobdDetail" data-url="/pages/info/roadInfo/index?id={{item.id}}" style="display: flex;align-items: center;margin-bottom: 20rpx;" wx:for="{{list3}}" wx:key="id"> |
|||
<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 class="bd-item-bottom"> |
|||
<view class="bd-price">{{item.price/100}}</view> |
|||
<view class="bd-distance" wx:if="{{item.distance}}">{{(item.distance/1000)}}km</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view wx:if="{{index==3}}" style="position: relative;z-index: 9;"> |
|||
<view bindtap="gobdDetail" data-url="/pages/info/sceneProductInfo/index?id={{item.scene_id}}" style="display: flex;align-items: center;margin-bottom: 20rpx;" wx:for="{{list4}}" wx:key="id"> |
|||
<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 class="bd-item-bottom"> |
|||
<view class="bd-price">{{item.price/100}}</view> |
|||
<view class="bd-distance" wx:if="{{item.distance}}">{{(item.distance/1000)}}km</view> |
|||
</view> |
|||
</view> |
|||
</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> |
|||
|
|||
File diff suppressed because it is too large
Loading…
Reference in new issue