Browse Source

首页秋季

master
chenkainan 1 week ago
parent
commit
f9de31d88d
  1. 4
      pages.json
  2. 105
      pages/index/index.vue
  3. BIN
      static/images/selectHome.png
  4. BIN
      static/images/selectMap.png
  5. BIN
      static/images/selectMine.png

4
pages.json

@ -276,7 +276,7 @@
], ],
"tabBar" : { "tabBar" : {
"color" : "#CCCCCC", "color" : "#CCCCCC",
"selectedColor" : "#2260F6", "selectedColor" : "#F16C07",
"borderStyle" : "black", "borderStyle" : "black",
"backgroundColor" : "#ffffff", "backgroundColor" : "#ffffff",
"fontSize" : "24rpx", "fontSize" : "24rpx",
@ -293,7 +293,7 @@
"pagePath" : "pages/map/map", "pagePath" : "pages/map/map",
"iconPath" : "/static/images/map.png", "iconPath" : "/static/images/map.png",
"selectedIconPath" : "/static/images/selectMap.png", "selectedIconPath" : "/static/images/selectMap.png",
"text" : "文体旅地图" "text" : "地图"
}, },
{ {
"pagePath" : "pages/user/user", "pagePath" : "pages/user/user",

105
pages/index/index.vue

@ -1,9 +1,12 @@
<template> <template>
<view class="content" v-if="isShow"> <view class="content" v-if="isShow">
<view style="height: 20rpx;"></view> <view style="height: 20rpx;"></view>
<image src="https://static.ticket.sz-trip.com/changshu/images/indexAutumn/topBg.png" class="topImg"></image>
<view class="back_search" @tap="goPath({path:'/subPackages/search/search'})" > <view class="back_search" @tap="goPath({path:'/subPackages/search/search'})" >
<image class="search_image" <image class="search_image"
:src="showImg('/uploads/20250721/b1435669ed4396a078a507c03de883e5.png')"></image> src="https://static.ticket.sz-trip.com/changshu/images/indexAutumn/search.png"></image>
<span class="search_text">请输入搜索关键字</span> <span class="search_text">请输入搜索关键字</span>
</view> </view>
@ -34,7 +37,7 @@
</swiper> </swiper>
<!-- 常熟精选 --> <!-- 常熟精选 -->
<image src="https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/title1.png" mode="heightFix" class="title-img" lazy-load="true"></image> <image src="https://static.ticket.sz-trip.com/changshu/images/indexAutumn/title1.png" mode="heightFix" class="title-img" lazy-load="true"></image>
<view class="winnow-box"> <view class="winnow-box">
<view v-for="(item,index) in winnowList" :key="index"> <view v-for="(item,index) in winnowList" :key="index">
<view class="winnow-title flex-between"> <view class="winnow-title flex-between">
@ -57,7 +60,7 @@
<!-- 周边特惠活动 --> <!-- 周边特惠活动 -->
<view v-if="calendarItem && calendarItem.id"> <view v-if="calendarItem && calendarItem.id">
<image src="https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/title2.png" mode="heightFix" class="title-img" lazy-load="true"></image> <image src="https://static.ticket.sz-trip.com/changshu/images/indexAutumn/title2.png" mode="heightFix" class="title-img" lazy-load="true"></image>
<view class="calendar-item" @click="gotoWebUrl(calendarItem)"> <view class="calendar-item" @click="gotoWebUrl(calendarItem)">
<image :src="showImg(calendarItem.image)" mode="aspectFill" class="calendar-img" lazy-load="true"></image> <image :src="showImg(calendarItem.image)" mode="aspectFill" class="calendar-img" lazy-load="true"></image>
@ -71,13 +74,13 @@
</view> </view>
<!-- 旅游助手 --> <!-- 旅游助手 -->
<image src="https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/title3.png" mode="heightFix" class="title-img" lazy-load="true"></image> <image src="https://static.ticket.sz-trip.com/changshu/images/indexAutumn/title3.png" mode="heightFix" class="title-img" lazy-load="true"></image>
<view class="flex-between" style="margin-top: -16rpx;"> <view class="flex-between" style="margin-top: -16rpx;">
<image :src="item.img" mode="aspectFill" class="travel-img" v-for="(item,index) in travelList" :key="index" @click="goPath(item)" lazy-load="true"></image> <image :src="item.img" mode="aspectFill" class="travel-img" v-for="(item,index) in travelList" :key="index" @click="goPath(item)" lazy-load="true"></image>
</view> </view>
<!-- 公共服务 --> <!-- 公共服务 -->
<image src="https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/title4.png" mode="heightFix" class="title-img" lazy-load="true"></image> <image src="https://static.ticket.sz-trip.com/changshu/images/indexAutumn/title4.png" mode="heightFix" class="title-img" lazy-load="true"></image>
<view class="public-box"> <view class="public-box">
<view v-for="(item,index) in publicList" :key="index" @click="goPath(item)"> <view v-for="(item,index) in publicList" :key="index" @click="goPath(item)">
<image :src="item.img" mode="aspectFill" lazy-load="true"></image> <image :src="item.img" mode="aspectFill" lazy-load="true"></image>
@ -86,7 +89,7 @@
</view> </view>
<!-- 热门推荐 --> <!-- 热门推荐 -->
<image src="https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/title5.png" mode="heightFix" class="title-img" lazy-load="true"></image> <image src="https://static.ticket.sz-trip.com/changshu/images/indexAutumn/title5.png" mode="heightFix" class="title-img" lazy-load="true"></image>
<view class="hot-type flex-between"> <view class="hot-type flex-between">
<view v-for="(item,index) in hotType" :key="index" :class="index == typeIndex ? 'type-active' : ''" @click="changeType(index)"> <view v-for="(item,index) in hotType" :key="index" :class="index == typeIndex ? 'type-active' : ''" @click="changeType(index)">
{{item.title}} {{item.title}}
@ -157,59 +160,57 @@
menuList: [ menuList: [
{ {
title: '景点门票', title: '景点门票',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/jdmp.png', img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/jdmp.png',
path: '', path: '',
url: 'https://m.cloud.sz-trip.com/AttractionsTickets' url: 'https://m.cloud.sz-trip.com/AttractionsTickets'
}, },
{ {
title: '非遗手作', title: '非遗手作',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/fysz.png', img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/fysz.png',
path: '/subPackages/other/feiyi', path: '/subPackages/other/feiyi',
}, },
{ {
title: '文创特产', title: '文创特产',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/wctc.png', img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/wctc.png',
path: '', path: '',
url: 'https://m.cloud.sz-trip.com/CulturalCreation', url: 'https://m.cloud.sz-trip.com/CulturalCreation',
}, },
{ {
title: '酒店住宿', title: '酒店住宿',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/jdzs.png', img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/jdzs.png',
path: '', path: '',
url: 'https://m.cloud.sz-trip.com/nightMooring', url: 'https://m.cloud.sz-trip.com/nightMooring',
}, },
{ {
title: '电影购票', title: '电影购票',
img: "https://changshu.js-dyyj.com/uploads/20250710/f56d7812dbefa3526b3f3653cd8b93b0.png", img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/dygp.png',
// img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/dygp.png',
url: 'https://m.cloud.sz-trip.com/MoviesChangShu', url: 'https://m.cloud.sz-trip.com/MoviesChangShu',
}, },
{ {
title: '场馆预约', title: '场馆预约',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/cgyy.png', img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/cgyy.png',
path: '/subPackages/venue/venueList' path: '/subPackages/venue/venueList'
}, },
{ {
title: '一卡游玩', title: '一卡游玩',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/ykyw.png', img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/ykyw.png',
path: '', path: '',
shortLink: '#小程序://旅游年卡/bgJOy4DGeuOXBMg', shortLink: '#小程序://旅游年卡/bgJOy4DGeuOXBMg',
}, },
{ {
title: '活动日历', title: '活动日历',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/hdrl.png', img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/hdrl.png',
path: '/subPackages/eventCalendar/eventCalendar' path: '/subPackages/eventCalendar/eventCalendar'
}, },
{ {
title: '特色线路', title: '特色线路',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/tsxl.png', img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/tsxl.png',
path: '', path: '',
url: 'https://m.cloud.sz-trip.com/OneDayTravelNew', url: 'https://m.cloud.sz-trip.com/OneDayTravelNew',
}, },
{ {
title: '常熟周边', title: '常熟周边',
img: "https://changshu.js-dyyj.com/uploads/20250710/0bbce4dc23632d14cc3ff59134f82dba.png", img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/cszb.png',
// img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/cszb.png',
path: '/subPackages/rim/rimList' path: '/subPackages/rim/rimList'
} }
], ],
@ -218,17 +219,17 @@
{ {
title: '景点', title: '景点',
id: '5', id: '5',
spanColor: '#2260F6', spanColor: '#4CBB5B',
list: [], list: [],
titleImg: "https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/JXTitle1.png", titleImg: "https://static.ticket.sz-trip.com/changshu/images/indexAutumn/JXTitle1.png",
path: '/subPackages/webPage/webPage?url=https://m.cloud.sz-trip.com/AttractionsTickets' path: '/subPackages/webPage/webPage?url=https://m.cloud.sz-trip.com/AttractionsTickets'
}, },
{ {
title: '特产', title: '特产',
id: '11', id: '11',
spanColor: '#EE710C', spanColor: '#F16C07',
list: [], list: [],
titleImg: "https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/JXTitle2.png", titleImg: "https://static.ticket.sz-trip.com/changshu/images/indexAutumn/JXTitle2.png",
path: '/subPackages/webPage/webPage?url=https://m.cloud.sz-trip.com/CulturalCreation' path: '/subPackages/webPage/webPage?url=https://m.cloud.sz-trip.com/CulturalCreation'
} }
], ],
@ -236,17 +237,17 @@
travelList: [ travelList: [
{ {
title: '聆听常熟', title: '聆听常熟',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/lingting.png', img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/lingting.png',
path: '/subPackages/webPage/webPage?url='+encodeURIComponent("https://qyly1.csly-travel.com/qytshopwebchat/#/jiangKouTheme/soundNew?pageId=966&miniKey=70&source=APPLET_CHANGSHU") path: '/subPackages/webPage/webPage?url='+encodeURIComponent("https://qyly1.csly-travel.com/qytshopwebchat/#/jiangKouTheme/soundNew?pageId=966&miniKey=70&source=APPLET_CHANGSHU")
}, },
{ {
title: '云游常熟', title: '云游常熟',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/yunyou.png', img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/yunyou.png',
path: '/subPackages/other/virtual' path: '/subPackages/other/virtual'
}, },
{ {
title: '寻味常熟', title: '寻味常熟',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/xunwei.png', img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/xunwei.png',
path: '/subPackages/other/foodList' path: '/subPackages/other/foodList'
} }
], ],
@ -257,8 +258,8 @@
// path: '/subPackages/other/gonggtcc' // path: '/subPackages/other/gonggtcc'
// }, // },
{ {
title: '公共咨询', title: '咨询投诉',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/zxts.png', img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/zxts.png',
path: '/subPackages/other/consulting' path: '/subPackages/other/consulting'
}, },
// { // {
@ -273,18 +274,18 @@
// }, // },
{ {
title: '找厕所', title: '找厕所',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/zcs.png', img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/zcs.png',
path: '/subPackages/other/fjtcc' path: '/subPackages/other/fjtcc'
}, },
{ {
title: '公共交通', title: '公共交通',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/ggjt.png', img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/ggjt.png',
path: '/subPackages/webPage/webPage?url='+encodeURIComponent('https://www.changshuxing.cn/csxing-h5/pages/wentilv/index.html') path: '/subPackages/webPage/webPage?url='+encodeURIComponent('https://www.changshuxing.cn/csxing-h5/pages/wentilv/index.html')
// path: '/subPackages/other/gonggjt' // path: '/subPackages/other/gonggjt'
}, },
{ {
title: '文物资源', title: '文物资源',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/wwzy.png', img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/wwzy.png',
path:'/subPackages/webPage/webPage?url=https://changshuwwaq.hwtcloud.cn/wechat/home' path:'/subPackages/webPage/webPage?url=https://changshuwwaq.hwtcloud.cn/wechat/home'
} }
], ],
@ -311,8 +312,8 @@
this.Post({ this.Post({
id: 4 id: 4
},'/api/article/getArticleById').then(res => { },'/api/article/getArticleById').then(res => {
this.isShow = res.data.subtitle == 1 ? true : false // this.isShow = res.data.subtitle == 1 ? true : false
// this.isShow = res.data.address == 1 ? true : false this.isShow = res.data.address == 1 ? true : false
}) })
}, },
onReady() { onReady() {
@ -635,18 +636,27 @@
min-height: 100vh; min-height: 100vh;
overflow-x: hidden; overflow-x: hidden;
// background: #F2FFFE; // background: #F2FFFE;
background-image: url("https://static.ticket.sz-trip.com/uploads/20250709/d12a86f95b15f73f3b8ec7784a233d11.png"); background-image: url("https://static.ticket.sz-trip.com/changshu/images/indexAutumn/bg.png");
background-size: 100% auto; background-size: 100% auto;
background-repeat: repeat-y; background-repeat: repeat-y;
padding: 0 26.67rpx 66rpx; padding: 0 26.67rpx 66rpx;
position: relative;
}
.topImg {
width: 750rpx;
height: 466.67rpx;
position: absolute;
top: 0;
left: 0;
} }
.back_search { .back_search {
width: 100%; width: 100%;
height: 67rpx; height: 67rpx;
background: #ffffff; background: rgba(255,255,255,0.8);
opacity: 0.5;
border-radius: 33rpx; border-radius: 33rpx;
position: relative;
.search_image { .search_image {
width: 31rpx; width: 31rpx;
height: 31rpx; height: 31rpx;
@ -658,7 +668,7 @@
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #999999; color: #666666;
line-height: 16rpx; line-height: 16rpx;
margin: 22rpx 0 0 18rpx; margin: 22rpx 0 0 18rpx;
position: absolute; position: absolute;
@ -683,7 +693,7 @@
flex-wrap: wrap; flex-wrap: wrap;
font-weight: 500; font-weight: 500;
font-size: 24rpx; font-size: 24rpx;
color: #FFFFFF; color: #111111;
&>view { &>view {
width: 20%; width: 20%;
@ -851,13 +861,13 @@
width: 240rpx; width: 240rpx;
height: 53rpx; height: 53rpx;
border-radius: 27rpx; border-radius: 27rpx;
border: 1rpx solid #fff; border: 1rpx solid #000;
text-align: center; text-align: center;
line-height: 53rpx; line-height: 53rpx;
margin: 40rpx auto 0; margin: 40rpx auto 0;
font-weight: 500; font-weight: 500;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #000;
} }
.travel-img { .travel-img {
@ -870,7 +880,7 @@
flex-wrap: wrap; flex-wrap: wrap;
font-weight: 500; font-weight: 500;
font-size: 25rpx; font-size: 25rpx;
color: #fff; color: #000;
margin-top: -16rpx; margin-top: -16rpx;
&>view { &>view {
@ -893,9 +903,8 @@
&>view{ &>view{
width: 107rpx; width: 107rpx;
height: 60rpx; height: 60rpx;
background: linear-gradient(180deg, #6DE1FF, #45B1FF); background: #FFBA61;
box-shadow: 0rpx 1rpx 4rpx 0rpx rgba(2,115,176,0.36); border-radius: 13rpx;
border-radius: 20rpx;
text-align: center; text-align: center;
line-height: 60rpx; line-height: 60rpx;
box-sizing: border-box; box-sizing: border-box;
@ -909,9 +918,9 @@
// font-size: 31rpx; // font-size: 31rpx;
// color: #111111; // color: #111111;
// position: relative; // position: relative;
background: linear-gradient(180deg, #FCFBC9, #FFEF26); background: linear-gradient(0deg, #FFBD17, #F16B07);
box-shadow: 0rpx 1rpx 4rpx 0rpx rgba(2,115,176,0.36); // box-shadow: 0rpx 1rpx 4rpx 0rpx rgba(2,115,176,0.36);
color: #111111; // color: #111111;
} }
// .type-active::after { // .type-active::after {
// content: ""; // content: "";
@ -985,11 +994,11 @@
.tag { .tag {
height: 37rpx; height: 37rpx;
border-radius: 19rpx; border-radius: 19rpx;
border: 1px solid #2260F6; border: 1px solid #F16C07;
padding: 0 10rpx; padding: 0 10rpx;
font-weight: 500; font-weight: 500;
font-size: 24rpx; font-size: 24rpx;
color: #2260F6; color: #F16C07;
overflow-y: hidden; overflow-y: hidden;
} }
.tag:nth-child(2) { .tag:nth-child(2) {

BIN
static/images/selectHome.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
static/images/selectMap.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
static/images/selectMine.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Loading…
Cancel
Save