|
|
|
@ -18,27 +18,38 @@ |
|
|
|
|
|
|
|
<!-- 资讯 --> |
|
|
|
<view class="notice-box"> |
|
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/noticeImg.png" class="noticeImg"></image> |
|
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/noticeImgs.png" class="noticeImg"></image> |
|
|
|
同里古镇今日开园 |
|
|
|
|
|
|
|
<view class="notice-top flex-between"> |
|
|
|
<view style="display: flex;align-items: center;"> |
|
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/horn.png" mode=""></image> |
|
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/horns.png" mode=""></image> |
|
|
|
<view class="notice-text text-overflow">{{notice}}</view> |
|
|
|
</view> |
|
|
|
<view class="notice-more" @click="gotoPath('/subPackages/notice/noticeList')">更多 ></view> |
|
|
|
<view class="notice-more" @click="gotoPath('/subPackages/notice/noticeList')"> |
|
|
|
更多 |
|
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcon.png" mode=""></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="notice-bottom flex-between"> |
|
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/menpiao.png" mode="" @click="gotoPath('/subPackages/ticketBooking/ticketBooking')"></image> |
|
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/ditu.png" mode=""></image> |
|
|
|
<view class="notice-bottom flex-between" v-if="Object.keys(homeUi).length > 0"> |
|
|
|
<view :style="{backgroundImage: 'url('+showImg(homeUi['mpyd'])+')'}" @click="gotoPath('/subPackages/ticketBooking/ticketBooking')"> |
|
|
|
<view class="title">门票预订</view> |
|
|
|
<view class="subtitle">便民快捷购票入口</view> |
|
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcons1.png" mode=""></image> |
|
|
|
</view> |
|
|
|
<view :style="{backgroundImage: 'url('+showImg(homeUi['dtdl'])+')'}"> |
|
|
|
<view class="title">地图导览</view> |
|
|
|
<view class="subtitle">随时随地发现新旅程</view> |
|
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcons.png" mode=""></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 金刚区 --> |
|
|
|
<view class="nav-box"> |
|
|
|
<view class="nav-box" v-if="Object.keys(homeUi).length > 0"> |
|
|
|
<view class="nav-item" v-for="(item,index) in navList" :key="index" @click="gotoPath(item.path)"> |
|
|
|
<image :src="item.img" mode="" class="nav-img"></image> |
|
|
|
<image :src="showImg(homeUi[item.img])" mode="" class="nav-img"></image> |
|
|
|
<view>{{item.text}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -46,45 +57,40 @@ |
|
|
|
<!-- 景点展览 --> |
|
|
|
<view v-if="scenicList && scenicList.length > 0"> |
|
|
|
<view class="title-box flex-between"> |
|
|
|
<image :src="showImg(homeUi.ydms)" mode=""></image> |
|
|
|
<view @click="gotoPath('/subPackages/ticketBooking/ticketBooking')">更多 ></view> |
|
|
|
景点展览 |
|
|
|
<view @click="gotoPath('/subPackages/ticketBooking/ticketBooking')">更多<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcon.png" mode=""></image></view> |
|
|
|
</view> |
|
|
|
<view class="scenic-box"> |
|
|
|
<view v-for="(item,index) in scenicList" :key="index" class="scenic-item" @click="gotoScenic(item)" |
|
|
|
:style="{backgroundImage: 'url('+showImg(item.image)+')',backgroundSize: 'cover'}"> |
|
|
|
<view class="scenic-title">{{item.title}}</view> |
|
|
|
<view v-for="(item,index) in scenicList" :key="index" @click="gotoScenic(item)"> |
|
|
|
<image :src="showImg(item.image)" mode="aspectFill" class="scenic-item"></image> |
|
|
|
<view class="scenic-title text-overflow">{{item.title}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 线路推荐 --> |
|
|
|
<view v-if="lineList && lineList.length > 0"> |
|
|
|
<!-- 精彩推荐 --> |
|
|
|
<view v-if="eventsList && eventsList.length > 0"> |
|
|
|
<view class="title-box flex-between"> |
|
|
|
<image :src="showImg(homeUi.xltj)" mode=""></image> |
|
|
|
<view @click="gotoLineList">更多 ></view> |
|
|
|
精彩推荐 |
|
|
|
<view @click="gotoPath('/subPackages/eventCalendar/eventCalendar')">更多<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcon.png" mode=""></image></view> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<view v-for="(item,index) in lineList" :key="index" class="line-item" @click="goLineDetail(item)"> |
|
|
|
<view class="hot flex-center" v-if="item.goods.image_tag">{{item.goods.image_tag}}</view> |
|
|
|
<image :src="showImg(item.points[0].main_image)" mode="aspectFill" class="line-img"></image> |
|
|
|
<view class="line-box"> |
|
|
|
<view v-for="(item,index) in eventsList" :key="index" class="line-item" @click="goLineDetail(item)"> |
|
|
|
<image :src="showImg(item.image)" mode="aspectFill" class="line-img"></image> |
|
|
|
|
|
|
|
<view class="line-content"> |
|
|
|
<!-- <view class="line-content"> |
|
|
|
<view class="line-title text-overflow">{{item.name}}</view> |
|
|
|
<view class="line-subtitle text-overflow">{{item.points.length}}个景点</view> |
|
|
|
<!-- <view style="display: flex;" v-if="item.goods.goods_new_tag"> |
|
|
|
<view class="line-tag" v-for="(tagItem,tagIndex) in item.goods.goods_new_tag.split(',').slice(0,2)" :key="tagIndex">{{tagItem}}</view> |
|
|
|
</view> --> |
|
|
|
<!-- <view class="line-price">{{item.goods.low_money / 100}}</view> --> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 盐都美食 --> |
|
|
|
<view v-if="foodList && foodList.length > 0"> |
|
|
|
<!-- <view v-if="foodList && foodList.length > 0"> |
|
|
|
<view class="title-box flex-between"> |
|
|
|
<image :src="showImg(homeUi.ydms)" mode=""></image> |
|
|
|
<view @click="gotoPath('/subPackages/food/foodList')">更多 ></view> |
|
|
|
<view @click="gotoPath('/subPackages/food/foodList')">更多<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcon.png" mode=""></image></view> |
|
|
|
</view> |
|
|
|
<view class="food-box"> |
|
|
|
<view v-for="(item,index) in foodList" :key="index" class="food-item" :style="{backgroundImage: 'url('+showImg(item.goods.image)+')',backgroundSize: 'cover'}" @click="gotoFood(item.goods)"> |
|
|
|
@ -95,12 +101,12 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<!-- 同里新鲜事 --> |
|
|
|
<view> |
|
|
|
<view class="title-box flex-between"> |
|
|
|
<image :src="showImg(homeUi.yjgl)" mode=""></image> |
|
|
|
同里新鲜事 |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="strategy-box"> |
|
|
|
@ -131,52 +137,51 @@ |
|
|
|
current: 0, |
|
|
|
navList: [ |
|
|
|
{ |
|
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/lytl.png', |
|
|
|
text: '乐游同里', |
|
|
|
path: '/subPackages/leyou/index' |
|
|
|
}, |
|
|
|
{ |
|
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/hdrl.png', |
|
|
|
text: '活动日历', |
|
|
|
img: 'syyj', |
|
|
|
text: '岁月雅集', |
|
|
|
path: '/subPackages/eventCalendar/eventCalendar' |
|
|
|
}, |
|
|
|
{ |
|
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/tsty.png', |
|
|
|
text: '特色体验', |
|
|
|
path: '/subPackages/line/lineList' |
|
|
|
img: 'sxly', |
|
|
|
text: '膳香留韵', |
|
|
|
path: '/subPackages/food/foodList' |
|
|
|
}, |
|
|
|
{ |
|
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/jdms.png', |
|
|
|
text: '酒店民宿', |
|
|
|
img: 'xjsg', |
|
|
|
text: '栖居水阁', |
|
|
|
path: '/subPackages/hotelHomestay/hotelHomestay' |
|
|
|
}, |
|
|
|
{ |
|
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/zcs.png', |
|
|
|
text: '找厕所', |
|
|
|
// path: '/subPackages/line/lineList' |
|
|
|
path: '/subPackages/webPage/webPage?url='+ encodeURIComponent('https://yandumap.sz-trip.com/lineList'), |
|
|
|
img: 'fyty', |
|
|
|
text: '风雅体验', |
|
|
|
path: '/subPackages/line/lineList' |
|
|
|
}, |
|
|
|
{ |
|
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/tcc.png', |
|
|
|
text: '停车场', |
|
|
|
path: '/subPackages/webPage/webPage?url='+ encodeURIComponent('https://yandumap.sz-trip.com/'), |
|
|
|
img: 'ssfw', |
|
|
|
text: '水市风物', |
|
|
|
path: '/subPackages/techan/techanList' |
|
|
|
}, |
|
|
|
{ |
|
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/tcwc.png', |
|
|
|
text: '特产文创', |
|
|
|
path: '/subPackages/techan/techanList' |
|
|
|
img: 'yzzn', |
|
|
|
text: '游踪指南', |
|
|
|
// path: '/subPackages/webPage/webPage?url='+ encodeURIComponent('https://yandumap.sz-trip.com/'), |
|
|
|
}, |
|
|
|
{ |
|
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/tlms.png', |
|
|
|
text: '同里美食', |
|
|
|
path: '/subPackages/food/foodList' |
|
|
|
img: 'shtl', |
|
|
|
text: '数绘同里', |
|
|
|
// path: '/subPackages/webPage/webPage?url='+ encodeURIComponent('https://yandumap.sz-trip.com/') |
|
|
|
}, |
|
|
|
{ |
|
|
|
img: 'lfys', |
|
|
|
text: '里坊轶事', |
|
|
|
// path: '/subPackages/webPage/webPage?url='+ encodeURIComponent('https://yandumap.sz-trip.com/') |
|
|
|
} |
|
|
|
], |
|
|
|
scenicList: [], |
|
|
|
homeUi: {}, |
|
|
|
month: 0, |
|
|
|
day: 0, |
|
|
|
lineList: [], |
|
|
|
eventsList: [], |
|
|
|
foodList: [], |
|
|
|
strategyList: [], |
|
|
|
showMore: true, |
|
|
|
@ -193,7 +198,7 @@ |
|
|
|
this.getScenicByTag() |
|
|
|
this.getHomeUi() |
|
|
|
this.getNowDate() |
|
|
|
this.getLineList() |
|
|
|
this.getEventsList() |
|
|
|
this.getFoodList() |
|
|
|
this.getArticleByType() |
|
|
|
this.getLatest() |
|
|
|
@ -203,17 +208,14 @@ |
|
|
|
swiperChange(e) { |
|
|
|
this.current = e.detail.current; |
|
|
|
}, |
|
|
|
// 去线路列表 |
|
|
|
gotoLineList() { |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/subPackages/webPage/webPage?url=https://yandumap.sz-trip.com/lineList' |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 去线路详情 |
|
|
|
// 去活动详情 |
|
|
|
goLineDetail(item) { |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/subPackages/webPage/webPage?url=https://yandumap.sz-trip.com/lineList?id=' + item.id |
|
|
|
}); |
|
|
|
this.goOtherDetail(item) |
|
|
|
if(!item.link_type) { |
|
|
|
uni.navigateTo({ |
|
|
|
url:'/subPackages/eventCalendar/detail?id='+item.id |
|
|
|
}) |
|
|
|
} |
|
|
|
}, |
|
|
|
// 公告 |
|
|
|
getLatest() { |
|
|
|
@ -313,7 +315,7 @@ |
|
|
|
// 首页UI |
|
|
|
getHomeUi() { |
|
|
|
this.Post({ |
|
|
|
type_id: 3 |
|
|
|
type_id: 1 |
|
|
|
},'/api/adv/get_home_ui').then(res => { |
|
|
|
res.data.content.map(item => { |
|
|
|
this.homeUi[item.id] = item.image |
|
|
|
@ -326,12 +328,15 @@ |
|
|
|
this.day = now.getDate(); |
|
|
|
}, |
|
|
|
// 线路推荐 |
|
|
|
getLineList() { |
|
|
|
getEventsList() { |
|
|
|
this.Post({ |
|
|
|
type: '', |
|
|
|
code: '' |
|
|
|
},'/api/emap/getLineByCode').then(res => { |
|
|
|
this.lineList = res.data |
|
|
|
date: '', |
|
|
|
offset: 0, |
|
|
|
limit: 5, |
|
|
|
type_id: '', |
|
|
|
title: '' |
|
|
|
},'/api/activity/getActivityCalendar').then(res => { |
|
|
|
this.eventsList = res.data |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 盐都美食 |
|
|
|
@ -366,7 +371,7 @@ |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.content { |
|
|
|
background: #FFFDF7; |
|
|
|
background: #f6f6f6; |
|
|
|
min-height: 100vh; |
|
|
|
overflow-x: hidden; |
|
|
|
position: relative; |
|
|
|
@ -409,34 +414,33 @@ |
|
|
|
.notice-box { |
|
|
|
width: 697rpx; |
|
|
|
height: 440rpx; |
|
|
|
background: linear-gradient(150deg, #FFF9E8, #FFF7E0); |
|
|
|
border-radius: 20rpx; |
|
|
|
background:linear-gradient(180deg,#f7f3ed 0%,#f8f5f1 100%); |
|
|
|
border-radius: 30rpx; |
|
|
|
position: relative; |
|
|
|
margin: -140rpx auto 0; |
|
|
|
padding: 22rpx 27rpx 0; |
|
|
|
font-family: Source Han Serif CN VF; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 40rpx; |
|
|
|
color: #000000; |
|
|
|
|
|
|
|
.noticeImg { |
|
|
|
width: 340rpx; |
|
|
|
height: 136rpx; |
|
|
|
width: 265rpx; |
|
|
|
height: 130rpx; |
|
|
|
position: absolute; |
|
|
|
top: -22rpx; |
|
|
|
top: -19rpx; |
|
|
|
right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.notice-top { |
|
|
|
font-weight: 500; |
|
|
|
font-size: 25rpx; |
|
|
|
color: #097291; |
|
|
|
color:#100e0e; |
|
|
|
margin-top: 25rpx; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
image { |
|
|
|
width: 33.33rpx; |
|
|
|
height: 24.67rpx; |
|
|
|
width: 24rpx; |
|
|
|
height: 24rpx; |
|
|
|
margin-right: 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
@ -444,27 +448,60 @@ |
|
|
|
width: 423rpx; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 25rpx; |
|
|
|
color: #097291; |
|
|
|
color:#100e0e; |
|
|
|
} |
|
|
|
|
|
|
|
.notice-more { |
|
|
|
width: 92rpx; |
|
|
|
line-height: 27rpx; |
|
|
|
text-align: right; |
|
|
|
border-left: 1rpx solid #097291; |
|
|
|
|
|
|
|
image { |
|
|
|
width: 18rpx; |
|
|
|
height: 18rpx; |
|
|
|
margin-left: 5rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.notice-bottom { |
|
|
|
margin-top: 33rpx; |
|
|
|
|
|
|
|
image { |
|
|
|
width: 389.33rpx; |
|
|
|
height: 258.67rpx; |
|
|
|
&>view { |
|
|
|
width: 369rpx; |
|
|
|
height: 268rpx; |
|
|
|
background-size: 100% 100%; |
|
|
|
padding: 32rpx 0 0 29rpx; |
|
|
|
|
|
|
|
.title { |
|
|
|
color: #100e0e; |
|
|
|
font-size: 30rpx; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
.subtitle { |
|
|
|
color: #100e0e; |
|
|
|
font-size: 24rpx; |
|
|
|
margin-top: 3rpx; |
|
|
|
font-weight: 500; |
|
|
|
} |
|
|
|
|
|
|
|
image { |
|
|
|
width: 24rpx; |
|
|
|
height: 24rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
& image:first-child { |
|
|
|
width: 240rpx; |
|
|
|
&>view:first-child { |
|
|
|
width: 245rpx; |
|
|
|
|
|
|
|
.title { |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
|
|
|
|
.subtitle { |
|
|
|
color: #cccccc; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -482,9 +519,9 @@ |
|
|
|
color: #111111; |
|
|
|
|
|
|
|
.nav-img { |
|
|
|
width: 93.33rpx; |
|
|
|
height: 93.33rpx; |
|
|
|
margin-bottom: 10rpx; |
|
|
|
width: 90rpx; |
|
|
|
height: 90rpx; |
|
|
|
margin-bottom: 1rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.nav-item:nth-child(n+5) { |
|
|
|
@ -493,28 +530,26 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.scenic-box { |
|
|
|
margin: 32rpx auto 0; |
|
|
|
margin: 0 auto; |
|
|
|
width: 100%; |
|
|
|
height: 280rpx; |
|
|
|
padding-left: 26rpx; |
|
|
|
overflow-x: auto; |
|
|
|
display: flex; |
|
|
|
|
|
|
|
.scenic-item { |
|
|
|
width: 293rpx; |
|
|
|
height: 293rpx; |
|
|
|
width: 318rpx; |
|
|
|
height: 318rpx; |
|
|
|
border-radius: 20rpx; |
|
|
|
margin-right: 20rpx; |
|
|
|
position: relative; |
|
|
|
flex-shrink: 0; |
|
|
|
|
|
|
|
.scenic-title { |
|
|
|
position: absolute; |
|
|
|
padding: 0 26rpx; |
|
|
|
bottom: 20rpx; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 31rpx; |
|
|
|
color: #FFFFFF; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.scenic-title { |
|
|
|
padding: 0 4rpx; |
|
|
|
font-weight: 500; |
|
|
|
color: #100e0e; |
|
|
|
font-size: 28rpx; |
|
|
|
margin-top: 10rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.scenic-box::-webkit-scrollbar { |
|
|
|
@ -522,50 +557,44 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.title-box { |
|
|
|
margin-top: 55rpx; |
|
|
|
margin: 55rpx 0 24rpx; |
|
|
|
padding: 0 26rpx 0 42rpx; |
|
|
|
font-weight: 400; |
|
|
|
font-size: 27rpx; |
|
|
|
color: #000000; |
|
|
|
font-weight: bold; |
|
|
|
color: #100e0e; |
|
|
|
font-size: 36rpx; |
|
|
|
|
|
|
|
view { |
|
|
|
color: #100e0e; |
|
|
|
font-size: 24rpx; |
|
|
|
} |
|
|
|
|
|
|
|
image { |
|
|
|
width: 296rpx; |
|
|
|
height: 60rpx; |
|
|
|
width: 18rpx; |
|
|
|
height: 18rpx; |
|
|
|
margin-left: 5rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.line-box { |
|
|
|
overflow-x: auto; |
|
|
|
display: flex; |
|
|
|
padding-left: 26rpx; |
|
|
|
} |
|
|
|
.line-box::-webkit-scrollbar { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.line-item { |
|
|
|
width: 697rpx; |
|
|
|
height: 240rpx; |
|
|
|
width: 658rpx; |
|
|
|
height: 294rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
border-radius: 20rpx; |
|
|
|
margin: 0 auto 20rpx; |
|
|
|
display: flex; |
|
|
|
padding: 6.67rpx 0 6.67rpx 6.67rpx; |
|
|
|
position: relative; |
|
|
|
margin-right: 20rpx; |
|
|
|
flex-shrink: 0; |
|
|
|
|
|
|
|
.line-img { |
|
|
|
width: 267rpx; |
|
|
|
height: 227rpx; |
|
|
|
border-radius: 13rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.hot { |
|
|
|
position: absolute; |
|
|
|
left: 180rpx; |
|
|
|
top: 6.67rpx; |
|
|
|
width: 93rpx; |
|
|
|
height: 47rpx; |
|
|
|
background: #71B580; |
|
|
|
border-radius: 0rpx 13rpx 0rpx 13rpx; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 27rpx; |
|
|
|
color: #FFFFFF; |
|
|
|
overflow-x: auto; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
.hot::-webkit-scrollbar { |
|
|
|
display: none; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
border-radius: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.line-content { |
|
|
|
@ -724,7 +753,7 @@ |
|
|
|
.strategy-subtitle { |
|
|
|
font-weight: 500; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #248BAA; |
|
|
|
color: #6b6262; |
|
|
|
margin-top: 8rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
jiazhipeng
12 months ago
