|
|
@ -2,73 +2,58 @@ |
|
|
<view class="content"> |
|
|
<view class="content"> |
|
|
<view class="top-box"> |
|
|
<view class="top-box"> |
|
|
<!-- 搜索 --> |
|
|
<!-- 搜索 --> |
|
|
<view class="search-box" @click="gotoPath('/subPackages/search/search')"> |
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/search.png" class="search-img" @click="gotoPath('/subPackages/search/search')"></image> |
|
|
<image src="https://static.ticket.sz-trip.com/yandu/images/index/search.png" mode=""></image> |
|
|
|
|
|
搜一搜您想要的产品 |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<swiper class="top-banner" :circular="true" :interval="6000" |
|
|
<swiper class="top-banner" :circular="true" :interval="6000" :current="current" @change="swiperChange" |
|
|
:duration="800" :indicator-dots="false" :autoplay="true" v-if="topBanner"> |
|
|
:duration="800" :indicator-dots="false" :autoplay="true" v-if="topBanner"> |
|
|
<swiper-item v-for="(item, index) in topBanner" :key="index" @click.stop="gotoUrlNew(item)"> |
|
|
<swiper-item v-for="(item, index) in topBanner" :key="index" @click.stop="gotoUrlNew(item)"> |
|
|
<image class="top-banner" :src="showImg(item.head_img)" mode="aspectFill"></image> |
|
|
<image class="top-banner" :src="showImg(item.head_img)" mode="aspectFill"></image> |
|
|
</swiper-item> |
|
|
</swiper-item> |
|
|
</swiper> |
|
|
</swiper> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 金刚区 --> |
|
|
<view class="swiper-num"> |
|
|
<view class="nav-box"> |
|
|
{{current + 1}}/{{topBanner.length}} |
|
|
<view class="nav-top"> |
|
|
</view> |
|
|
<view class="nav-topLeft"> |
|
|
|
|
|
<image src="https://static.ticket.sz-trip.com/yandu/images/index/consultImg.png" class="consultImg" @click="gotoPath('/subPackages/notice/noticeList')"></image> |
|
|
|
|
|
<view class="text-overflow">{{notice}}</view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<!-- 天气 --> |
|
|
<!-- 资讯 --> |
|
|
<view class="nav-topRight"> |
|
|
<view class="notice-box"> |
|
|
<image :src="weatherList.image" mode="" class="weather-img"></image> |
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/noticeImg.png" class="noticeImg"></image> |
|
|
<view style="line-height: 40rpx;"> |
|
|
同里古镇今日开园 |
|
|
{{weatherList.low}}~{{weatherList.high}} <br> {{weatherList.type}} |
|
|
|
|
|
|
|
|
<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> |
|
|
|
|
|
<view class="notice-text text-overflow">{{notice}}</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view class="notice-more" @click="gotoPath('/subPackages/notice/noticeList')">更多 ></view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="notice-bottom flex-between"> |
|
|
|
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/menpiao.png" mode="" @click="gotoPath(navList[0].path)"></image> |
|
|
|
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/ditu.png" mode=""></image> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<view style="position: relative;z-index: 2;"> |
|
|
<!-- 金刚区 --> |
|
|
|
|
|
<view class="nav-box"> |
|
|
<view class="nav-item" v-for="(item,index) in navList" :key="index" @click="gotoPath(item.path)"> |
|
|
<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="item.img" mode="" class="nav-img"></image> |
|
|
<view>{{item.text}}</view> |
|
|
<view>{{item.text}}</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 背景icon --> |
|
|
|
|
|
<image src="https://static.ticket.sz-trip.com/yandu/images/index/iconBg.png" mode="" class="iconBg"></image> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 景点推荐 --> |
|
|
|
|
|
<view class="scenic-box" :style="{backgroundImage: 'url('+showImg(homeUi.jdtj)+')',backgroundSize: 'cover'}" v-if="scenic" @click="gotoScenic(scenic)"> |
|
|
|
|
|
<view class="scenic-title">{{scenic.title}}</view> |
|
|
|
|
|
<view class="scenic-subtitle flex-between"> |
|
|
|
|
|
<view class="text-overflow" style="width: 320rpx;display: flex;align-items: center;"> |
|
|
|
|
|
<image src="https://static.ticket.sz-trip.com/yandu/images/index/location.png" mode="" class="location"></image> |
|
|
|
|
|
{{scenic.address}} |
|
|
|
|
|
</view> |
|
|
|
|
|
<view>>>> 发现好玩的游览宝地</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 活动日历、盐都美宿 --> |
|
|
<!-- 景点展览 --> |
|
|
<view class="flex-between" style="padding: 0 27rpx;margin-top: 20rpx;" v-if="homeUi.hdrl && homeUi.ydms_hotel"> |
|
|
<view v-if="scenicList && scenicList.length > 0"> |
|
|
<view @click="gotoPath('/subPackages/eventCalendar/eventCalendar')" class="calendar-box" :style="{backgroundImage: 'url('+showImg(homeUi.hdrl)+')',backgroundSize: 'cover'}"> |
|
|
<view class="title-box flex-between"> |
|
|
<view class="calendar-title">今日共有{{eventCalendarNum}}个活动 >>></view> |
|
|
<image :src="showImg(homeUi.ydms)" mode=""></image> |
|
|
<view class="calendar-line"></view> |
|
|
<view @click="gotoPath('/subPackages/ticketBooking/ticketBooking')">更多 ></view> |
|
|
<view class="calendar-subtitle">活动日历</view> |
|
|
|
|
|
<view class="calendar-date"> |
|
|
|
|
|
<span>{{day}}</span>日/{{month}}月 |
|
|
|
|
|
</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> |
|
|
</view> |
|
|
<view @click="gotoPath('/subPackages/hotelHomestay/hotelHomestay')" class="calendar-box" :style="{backgroundImage: 'url('+showImg(homeUi.ydms_hotel)+')',backgroundSize: 'cover'}"> |
|
|
|
|
|
<view class="calendar-title">享受家一般的舒适 >>></view> |
|
|
|
|
|
<view class="calendar-line"></view> |
|
|
|
|
|
<view class="calendar-subtitle">盐都美宿</view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
@ -78,7 +63,7 @@ |
|
|
<image :src="showImg(homeUi.xltj)" mode=""></image> |
|
|
<image :src="showImg(homeUi.xltj)" mode=""></image> |
|
|
<view @click="gotoLineList">更多 ></view> |
|
|
<view @click="gotoLineList">更多 ></view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="box"> |
|
|
<view> |
|
|
<view v-for="(item,index) in lineList" :key="index" class="line-item" @click="goLineDetail(item)"> |
|
|
<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> |
|
|
<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> |
|
|
<image :src="showImg(item.points[0].main_image)" mode="aspectFill" class="line-img"></image> |
|
|
@ -101,7 +86,7 @@ |
|
|
<image :src="showImg(homeUi.ydms)" mode=""></image> |
|
|
<image :src="showImg(homeUi.ydms)" mode=""></image> |
|
|
<view @click="gotoPath('/subPackages/food/foodList')">更多 ></view> |
|
|
<view @click="gotoPath('/subPackages/food/foodList')">更多 ></view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="food-box box"> |
|
|
<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)"> |
|
|
<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)"> |
|
|
<view class="recommend" v-if="item.goods.image_tag">{{item.goods.image_tag}}</view> |
|
|
<view class="recommend" v-if="item.goods.image_tag">{{item.goods.image_tag}}</view> |
|
|
<view class="food-content"> |
|
|
<view class="food-content"> |
|
|
@ -113,29 +98,18 @@ |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<!-- 游记攻略 --> |
|
|
<!-- 游记攻略 --> |
|
|
<!-- v-if="strategyList && strategyList.length > 0" --> |
|
|
|
|
|
<view> |
|
|
<view> |
|
|
<view class="title-box flex-between"> |
|
|
<view class="title-box flex-between"> |
|
|
<image :src="showImg(homeUi.yjgl)" mode=""></image> |
|
|
<image :src="showImg(homeUi.yjgl)" mode=""></image> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="strategy-box box"> |
|
|
<view class="strategy-box"> |
|
|
<view v-for="(num,nums) in 2" :key="nums"> |
|
|
<view v-for="(num,nums) in 2" :key="nums"> |
|
|
<view v-for="(item,index) in strategyList" :key="index" class="strategy-item" v-if="index % 2 === nums" @click="goCalendarDetail(item)"> |
|
|
<view v-for="(item,index) in strategyList" :key="index" class="strategy-item" v-if="index % 2 === nums" @click="goCalendarDetail(item)"> |
|
|
<view class="title-tag" v-if="item.image_tag">{{item.image_tag}}</view> |
|
|
|
|
|
<image class="strategy-image" :src="showImg(item.image)" mode="widthFix"></image> |
|
|
<image class="strategy-image" :src="showImg(item.image)" mode="widthFix"></image> |
|
|
<view class="strategy-content"> |
|
|
<view class="strategy-content"> |
|
|
<view class="strategy-title">{{item.title}}</view> |
|
|
<view class="strategy-title">{{item.title}}</view> |
|
|
<view class="flex-between"> |
|
|
<view class="strategy-subtitle">同里旅游</view> |
|
|
<view class="text-overflow" style="display: flex;align-items: center;width: 200rpx;"> |
|
|
|
|
|
<image :src="showImg(item.author_img)" mode="" class="author-img"></image> |
|
|
|
|
|
{{item.author}} |
|
|
|
|
|
</view> |
|
|
|
|
|
<view style="display: flex;align-items: center;"> |
|
|
|
|
|
<image src="https://static.ticket.sz-trip.com/yandu/images/index/eye.png" mode="" class="eye-img"></image> |
|
|
|
|
|
{{item.view}} |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -151,51 +125,51 @@ |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
topBanner: [], |
|
|
topBanner: [], |
|
|
weatherList: [], |
|
|
current: 0, |
|
|
navList: [ |
|
|
navList: [ |
|
|
{ |
|
|
{ |
|
|
img: 'https://static.ticket.sz-trip.com/yandu/images/index/jdmp.png', |
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/lytl.png', |
|
|
text: '景区门票', |
|
|
text: '乐游同里', |
|
|
path: '/subPackages/ticketBooking/ticketBooking' |
|
|
path: '/subPackages/ticketBooking/ticketBooking' |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
img: 'https://static.ticket.sz-trip.com/yandu/images/index/jdms.png', |
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/hdrl.png', |
|
|
text: '酒店民宿', |
|
|
text: '活动日历', |
|
|
path: '/subPackages/hotelHomestay/hotelHomestay' |
|
|
path: '/subPackages/eventCalendar/eventCalendar' |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
img: 'https://static.ticket.sz-trip.com/yandu/images/index/cyms.png', |
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/tsty.png', |
|
|
text: '餐饮美食', |
|
|
text: '特色体验', |
|
|
path: '/subPackages/food/foodList' |
|
|
path: '/subPackages/food/foodList' |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
img: 'https://static.ticket.sz-trip.com/yandu/images/index/wctc.png', |
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/jdms.png', |
|
|
text: '文创特产', |
|
|
text: '酒店民宿', |
|
|
path: '/subPackages/techan/techanList' |
|
|
path: '/subPackages/techan/techanList' |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
img: 'https://static.ticket.sz-trip.com/yandu/images/index/xltj.png', |
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/zcs.png', |
|
|
text: '线路推荐', |
|
|
text: '找厕所', |
|
|
// path: '/subPackages/line/lineList' |
|
|
// path: '/subPackages/line/lineList' |
|
|
path: '/subPackages/webPage/webPage?url='+ encodeURIComponent('https://yandumap.sz-trip.com/lineList'), |
|
|
path: '/subPackages/webPage/webPage?url='+ encodeURIComponent('https://yandumap.sz-trip.com/lineList'), |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
img: 'https://static.ticket.sz-trip.com/yandu/images/index/zhdt.png', |
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/tcc.png', |
|
|
text: '智慧地图', |
|
|
text: '停车场', |
|
|
path: '/subPackages/webPage/webPage?url='+ encodeURIComponent('https://yandumap.sz-trip.com/'), |
|
|
path: '/subPackages/webPage/webPage?url='+ encodeURIComponent('https://yandumap.sz-trip.com/'), |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
img: 'https://static.ticket.sz-trip.com/yandu/images/index/yjgl.png', |
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/tcwc.png', |
|
|
text: '游记攻略', |
|
|
text: '特产文创', |
|
|
path: '/subPackages/travelGuide/travelGuide' |
|
|
path: '/subPackages/travelGuide/travelGuide' |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
img: 'https://static.ticket.sz-trip.com/yandu/images/index/hdrl.png', |
|
|
img: 'https://static.ticket.sz-trip.com/tongli/images/index/tlms.png', |
|
|
text: '活动日历', |
|
|
text: '同里美食', |
|
|
path: '/subPackages/eventCalendar/eventCalendar' |
|
|
path: '/subPackages/eventCalendar/eventCalendar' |
|
|
} |
|
|
} |
|
|
], |
|
|
], |
|
|
scenic: {}, |
|
|
scenicList: [], |
|
|
homeUi: {}, |
|
|
homeUi: {}, |
|
|
month: 0, |
|
|
month: 0, |
|
|
day: 0, |
|
|
day: 0, |
|
|
@ -204,7 +178,6 @@ |
|
|
strategyList: [], |
|
|
strategyList: [], |
|
|
showMore: true, |
|
|
showMore: true, |
|
|
notice: '', |
|
|
notice: '', |
|
|
eventCalendarNum: 0 |
|
|
|
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
onReady() { |
|
|
onReady() { |
|
|
@ -214,7 +187,6 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
this.getTopBanner() |
|
|
this.getTopBanner() |
|
|
this.getWeather() |
|
|
|
|
|
this.getScenicByTag() |
|
|
this.getScenicByTag() |
|
|
this.getHomeUi() |
|
|
this.getHomeUi() |
|
|
this.getNowDate() |
|
|
this.getNowDate() |
|
|
@ -222,9 +194,12 @@ |
|
|
this.getFoodList() |
|
|
this.getFoodList() |
|
|
this.getArticleByType() |
|
|
this.getArticleByType() |
|
|
this.getLatest() |
|
|
this.getLatest() |
|
|
this.getEventCalendarNum() |
|
|
|
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
//轮播图左右滑动 |
|
|
|
|
|
swiperChange(e) { |
|
|
|
|
|
this.current = e.detail.current; |
|
|
|
|
|
}, |
|
|
// 去线路列表 |
|
|
// 去线路列表 |
|
|
gotoLineList() { |
|
|
gotoLineList() { |
|
|
uni.navigateTo({ |
|
|
uni.navigateTo({ |
|
|
@ -237,12 +212,6 @@ |
|
|
url: '/subPackages/webPage/webPage?url=https://yandumap.sz-trip.com/lineList?id=' + item.id |
|
|
url: '/subPackages/webPage/webPage?url=https://yandumap.sz-trip.com/lineList?id=' + item.id |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
// 获取活动日历数量 |
|
|
|
|
|
getEventCalendarNum() { |
|
|
|
|
|
this.Post({},'/api/activity/getActivityCalendarCount').then(res => { |
|
|
|
|
|
this.eventCalendarNum = res.data.count |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
// 公告 |
|
|
// 公告 |
|
|
getLatest() { |
|
|
getLatest() { |
|
|
this.Post({},'/api/anncmnt/getLatest').then(res => { |
|
|
this.Post({},'/api/anncmnt/getLatest').then(res => { |
|
|
@ -328,20 +297,14 @@ |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 天气 |
|
|
|
|
|
getWeather() { |
|
|
|
|
|
this.Post({},'/api/index/weather').then(res => { |
|
|
|
|
|
this.weatherList = res.data |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
// 景点推荐 |
|
|
// 景点推荐 |
|
|
getScenicByTag() { |
|
|
getScenicByTag() { |
|
|
this.Post({ |
|
|
this.Post({ |
|
|
tag_id: 48, |
|
|
tag_id: 48, |
|
|
offset: 0, |
|
|
offset: 0, |
|
|
limit: 1 |
|
|
limit: 5 |
|
|
},'/api/scenic/getScenicByTagId').then(res => { |
|
|
},'/api/scenic/getScenicByTagId').then(res => { |
|
|
this.scenic = res.data[0] |
|
|
this.scenicList = res.data |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
// 首页UI |
|
|
// 首页UI |
|
|
@ -400,7 +363,7 @@ |
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
.content { |
|
|
.content { |
|
|
background: #DFEDE0; |
|
|
background: #FFFDF7; |
|
|
min-height: 100vh; |
|
|
min-height: 100vh; |
|
|
overflow-x: hidden; |
|
|
overflow-x: hidden; |
|
|
position: relative; |
|
|
position: relative; |
|
|
@ -410,194 +373,162 @@ |
|
|
.top-box { |
|
|
.top-box { |
|
|
position: relative; |
|
|
position: relative; |
|
|
|
|
|
|
|
|
.search-box { |
|
|
.search-img { |
|
|
width: 487rpx; |
|
|
width: 60rpx; |
|
|
height: 60rpx; |
|
|
height: 60rpx; |
|
|
background: rgba(255, 255, 255, .4); |
|
|
|
|
|
border-radius: 30rpx; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
padding-left: 26rpx; |
|
|
|
|
|
font-weight: 400; |
|
|
|
|
|
font-size: 27rpx; |
|
|
|
|
|
color: #000000; |
|
|
|
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 98rpx; |
|
|
top: 98.67rpx; |
|
|
left: 26rpx; |
|
|
left: 28rpx; |
|
|
z-index: 2; |
|
|
z-index: 2; |
|
|
|
|
|
|
|
|
image { |
|
|
|
|
|
margin-right: 14rpx; |
|
|
|
|
|
width: 30.67rpx; |
|
|
|
|
|
height: 30.67rpx; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.top-banner { |
|
|
.top-banner { |
|
|
width: 750rpx; |
|
|
width: 750rpx; |
|
|
height: 800rpx; |
|
|
height: 666.67rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.swiper-num { |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
bottom: 167rpx; |
|
|
|
|
|
right: 26.67rpx; |
|
|
|
|
|
width: 67rpx; |
|
|
|
|
|
line-height: 45rpx; |
|
|
|
|
|
background: rgba(22, 22, 22, .4); |
|
|
|
|
|
border-radius: 23rpx; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
z-index: 2; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
font-size: 24rpx; |
|
|
|
|
|
color: #FFFFFF; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.nav-box { |
|
|
.notice-box { |
|
|
width: 696.67rpx; |
|
|
width: 697rpx; |
|
|
height: 520rpx; |
|
|
height: 440rpx; |
|
|
background-image: url('https://static.ticket.sz-trip.com/yandu/images/index/navBg.png'); |
|
|
background: linear-gradient(150deg, #FFF9E8, #FFF7E0); |
|
|
background-size: 100% 100%; |
|
|
border-radius: 20rpx; |
|
|
position: relative; |
|
|
position: relative; |
|
|
margin: -79rpx auto 0; |
|
|
margin: -140rpx auto 0; |
|
|
|
|
|
padding: 22rpx 27rpx 0; |
|
|
|
|
|
font-family: Source Han Serif CN VF; |
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
font-size: 40rpx; |
|
|
|
|
|
color: #000000; |
|
|
|
|
|
|
|
|
.nav-top { |
|
|
.noticeImg { |
|
|
height: 172rpx; |
|
|
width: 340rpx; |
|
|
padding: 34rpx 19rpx 0 40rpx; |
|
|
height: 136rpx; |
|
|
display: flex; |
|
|
position: absolute; |
|
|
|
|
|
top: -22rpx; |
|
|
|
|
|
right: 0; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.nav-topLeft { |
|
|
.notice-top { |
|
|
font-weight: 400; |
|
|
font-weight: 500; |
|
|
font-size: 27rpx; |
|
|
font-size: 25rpx; |
|
|
color: #111111; |
|
|
color: #097291; |
|
|
width: 424rpx; |
|
|
margin-top: 25rpx; |
|
|
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
.consultImg { |
|
|
image { |
|
|
width: 296rpx; |
|
|
width: 33.33rpx; |
|
|
height: 45.33rpx; |
|
|
height: 24.67rpx; |
|
|
|
|
|
margin-right: 10rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.text-overflow { |
|
|
.notice-text { |
|
|
margin-top: 12rpx; |
|
|
width: 423rpx; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
font-size: 25rpx; |
|
|
|
|
|
color: #097291; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.notice-more { |
|
|
|
|
|
width: 92rpx; |
|
|
|
|
|
line-height: 27rpx; |
|
|
|
|
|
text-align: right; |
|
|
|
|
|
border-left: 1rpx solid #097291; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.nav-topRight { |
|
|
.notice-bottom { |
|
|
display: flex; |
|
|
margin-top: 33rpx; |
|
|
align-items: center; |
|
|
|
|
|
font-weight: 400; |
|
|
|
|
|
font-size: 24rpx; |
|
|
|
|
|
color: #000000; |
|
|
|
|
|
margin: 20rpx 0 0 15rpx; |
|
|
|
|
|
height: 73rpx; |
|
|
|
|
|
border-left: 1rpx solid #95BE9E; |
|
|
|
|
|
padding-left: 15rpx; |
|
|
|
|
|
|
|
|
|
|
|
.weather-img { |
|
|
image { |
|
|
width: 46.67rpx; |
|
|
width: 389.33rpx; |
|
|
height: 46.67rpx; |
|
|
height: 258.67rpx; |
|
|
margin-right: 15rpx; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
& image:first-child { |
|
|
|
|
|
width: 240rpx; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.nav-box { |
|
|
|
|
|
margin-top: 39rpx; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
|
.nav-item { |
|
|
.nav-item { |
|
|
width: 25%; |
|
|
width: 25%; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
|
font-size: 25rpx; |
|
|
font-size: 25rpx; |
|
|
color: #111111; |
|
|
color: #111111; |
|
|
display: inline-block; |
|
|
|
|
|
|
|
|
|
|
|
.nav-img { |
|
|
.nav-img { |
|
|
width: 100rpx; |
|
|
width: 93.33rpx; |
|
|
height: 100rpx; |
|
|
height: 93.33rpx; |
|
|
margin-bottom: 10rpx; |
|
|
margin-bottom: 10rpx; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
.nav-item:nth-child(n+5) { |
|
|
.nav-item:nth-child(n+5) { |
|
|
margin-top: 20rpx; |
|
|
margin-top: 40rpx; |
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.iconBg { |
|
|
|
|
|
width: 750rpx; |
|
|
|
|
|
height: 364.67rpx; |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
top: 974rpx; |
|
|
|
|
|
left: 0; |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.scenic-box { |
|
|
.scenic-box { |
|
|
margin: 34rpx auto 0; |
|
|
margin: 32rpx auto 0; |
|
|
width: 696rpx; |
|
|
width: 100%; |
|
|
height: 280rpx; |
|
|
height: 280rpx; |
|
|
border-radius: 20rpx; |
|
|
padding-left: 26rpx; |
|
|
padding: 140rpx 39rpx 0 25rpx; |
|
|
overflow-x: auto; |
|
|
|
|
|
display: flex; |
|
|
.scenic-title { |
|
|
|
|
|
text-align: right; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
font-size: 40rpx; |
|
|
|
|
|
color: #FFFFFF; |
|
|
|
|
|
text-shadow: 0rpx 1rpx 2rpx rgba(0,0,0,0.36); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.scenic-subtitle { |
|
|
|
|
|
margin-top: 30rpx; |
|
|
|
|
|
font-size: 24rpx; |
|
|
|
|
|
color: #FFFFFF; |
|
|
|
|
|
text-shadow: 0rpx 1rpx 2rpx rgba(0,0,0,0.36); |
|
|
|
|
|
|
|
|
|
|
|
.location { |
|
|
|
|
|
width: 20rpx; |
|
|
|
|
|
height: 24.67rpx; |
|
|
|
|
|
margin-right: 13rpx; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.calendar-box { |
|
|
|
|
|
width: 337rpx; |
|
|
|
|
|
height: 253rpx; |
|
|
|
|
|
border-radius: 20rpx; |
|
|
|
|
|
padding: 20rpx 0 0 26rpx; |
|
|
|
|
|
|
|
|
|
|
|
.calendar-title { |
|
|
|
|
|
font-size: 24rpx; |
|
|
|
|
|
color: #FFFFFF; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.calendar-line { |
|
|
.scenic-item { |
|
|
width: 40rpx; |
|
|
width: 293rpx; |
|
|
height: 1rpx; |
|
|
height: 293rpx; |
|
|
background: #FFFFFF; |
|
|
margin-right: 20rpx; |
|
|
margin: 10rpx 0 7rpx; |
|
|
position: relative; |
|
|
} |
|
|
flex-shrink: 0; |
|
|
|
|
|
|
|
|
.calendar-subtitle { |
|
|
.scenic-title { |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
padding: 0 26rpx; |
|
|
|
|
|
bottom: 20rpx; |
|
|
font-weight: 500; |
|
|
font-weight: 500; |
|
|
font-size: 40rpx; |
|
|
font-size: 31rpx; |
|
|
color: #FFFFFF; |
|
|
color: #FFFFFF; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.calendar-date { |
|
|
|
|
|
margin-top: 40rpx; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
font-size: 24rpx; |
|
|
|
|
|
color: #FFFFFF; |
|
|
|
|
|
|
|
|
|
|
|
span { |
|
|
|
|
|
font-size: 48rpx; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
.scenic-box::-webkit-scrollbar { |
|
|
|
|
|
display: none; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.title-box { |
|
|
.title-box { |
|
|
margin-top: 60rpx; |
|
|
margin-top: 55rpx; |
|
|
padding-right: 26rpx; |
|
|
padding: 0 26rpx 0 42rpx; |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
|
font-size: 27rpx; |
|
|
font-size: 27rpx; |
|
|
color: #000000; |
|
|
color: #000000; |
|
|
|
|
|
|
|
|
image { |
|
|
image { |
|
|
width: 464.67rpx; |
|
|
width: 296rpx; |
|
|
height: 120rpx; |
|
|
height: 60rpx; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
view { |
|
|
|
|
|
margin-top: -25rpx; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.box { |
|
|
|
|
|
margin-top: -14rpx; |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.line-item { |
|
|
.line-item { |
|
|
@ -749,11 +680,8 @@ |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
|
.strategy-item { |
|
|
.strategy-item { |
|
|
width: 337rpx; |
|
|
width: 335rpx; |
|
|
background: #FFFFFF; |
|
|
margin-bottom: 35rpx; |
|
|
border-radius: 18rpx; |
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
margin-bottom: 28rpx; |
|
|
|
|
|
position: relative; |
|
|
position: relative; |
|
|
|
|
|
|
|
|
.title-tag { |
|
|
.title-tag { |
|
|
@ -776,38 +704,25 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.strategy-image { |
|
|
.strategy-image { |
|
|
width: 337rpx; |
|
|
width: 335rpx; |
|
|
display: block; |
|
|
display: block; |
|
|
|
|
|
border-radius: 13rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.strategy-content { |
|
|
.strategy-content { |
|
|
background: #FFFFFF; |
|
|
margin-top: 8rpx; |
|
|
padding: 20rpx; |
|
|
|
|
|
|
|
|
|
|
|
.strategy-title { |
|
|
.strategy-title { |
|
|
font-weight: 500; |
|
|
font-weight: bold; |
|
|
font-size: 28rpx; |
|
|
font-size: 29rpx; |
|
|
color: #000000; |
|
|
color: #000000; |
|
|
line-height: 40rpx; |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.flex-between { |
|
|
.strategy-subtitle { |
|
|
font-weight: 500; |
|
|
font-weight: 500; |
|
|
font-size: 24rpx; |
|
|
font-size: 24rpx; |
|
|
color: #888888; |
|
|
color: #248BAA; |
|
|
margin-top: 10rpx; |
|
|
margin-top: 8rpx; |
|
|
|
|
|
|
|
|
.author-img { |
|
|
|
|
|
width: 37rpx; |
|
|
|
|
|
height: 37rpx; |
|
|
|
|
|
margin-right: 6rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.eye-img { |
|
|
|
|
|
width: 26.67rpx; |
|
|
|
|
|
height: 18.67rpx; |
|
|
|
|
|
margin-right: 6rpx; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
@ -815,14 +730,13 @@ |
|
|
|
|
|
|
|
|
.strategy-more { |
|
|
.strategy-more { |
|
|
width: 200rpx; |
|
|
width: 200rpx; |
|
|
line-height: 67rpx; |
|
|
line-height: 53rpx; |
|
|
background: #DCEADD; |
|
|
|
|
|
border-radius: 33rpx; |
|
|
border-radius: 33rpx; |
|
|
border: 1rpx solid #71B580; |
|
|
border: 1rpx solid #248BAA; |
|
|
margin: 44rpx auto 0; |
|
|
margin: 44rpx auto 0; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
font-weight: 400; |
|
|
font-weight: 500; |
|
|
font-size: 28rpx; |
|
|
font-size: 27rpx; |
|
|
color: #5BA06A; |
|
|
color: #248BAA; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
jiazhipeng
1 year ago
