chenkainan
/
changshu_WeChat
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

首页秋季

master
chenkainan 1 week ago
parent
2fd7482e0c
commit
f9de31d88d
5 changed files with 59 additions and 50 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  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
View File

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

105
pages/index/index.vue
View File

@ -1,9 +1,12 @@
<template>
<view class="content" v-if="isShow">
<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'})" >
<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>
</view>
@ -34,7 +37,7 @@
</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 v-for="(item,index) in winnowList" :key="index">
<view class="winnow-title flex-between">
@ -57,7 +60,7 @@
<!-- 周边特惠活动 -->
<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)">
<image :src="showImg(calendarItem.image)" mode="aspectFill" class="calendar-img" lazy-load="true"></image>
@ -71,13 +74,13 @@
</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;">
<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>
<!-- 公共服务 -->
<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 v-for="(item,index) in publicList" :key="index" @click="goPath(item)">
<image :src="item.img" mode="aspectFill" lazy-load="true"></image>
@ -86,7 +89,7 @@
</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 v-for="(item,index) in hotType" :key="index" :class="index == typeIndex ? 'type-active' : ''" @click="changeType(index)">
{{item.title}}
@ -157,59 +160,57 @@
menuList: [
{
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: '',
url: 'https://m.cloud.sz-trip.com/AttractionsTickets'
},
{
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',
},
{
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: '',
url: 'https://m.cloud.sz-trip.com/CulturalCreation',
},
{
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: '',
url: 'https://m.cloud.sz-trip.com/nightMooring',
},
{
title: '电影购票',
img: "https://changshu.js-dyyj.com/uploads/20250710/f56d7812dbefa3526b3f3653cd8b93b0.png",
// img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/dygp.png',
img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/dygp.png',
url: 'https://m.cloud.sz-trip.com/MoviesChangShu',
},
{
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'
},
{
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: '',
shortLink: '#小程序://旅游年卡/bgJOy4DGeuOXBMg',
},
{
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'
},
{
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: '',
url: 'https://m.cloud.sz-trip.com/OneDayTravelNew',
},
{
title: '常熟周边',
img: "https://changshu.js-dyyj.com/uploads/20250710/0bbce4dc23632d14cc3ff59134f82dba.png",
// img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/cszb.png',
img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/cszb.png',
path: '/subPackages/rim/rimList'
}
],
@ -218,17 +219,17 @@
{
title: '景点',
id: '5',
spanColor: '#2260F6',
spanColor: '#4CBB5B',
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'
},
{
title: '特产',
id: '11',
spanColor: '#EE710C',
spanColor: '#F16C07',
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'
}
],
@ -236,17 +237,17 @@
travelList: [
{
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")
},
{
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'
},
{
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'
}
],
@ -257,8 +258,8 @@
// path: '/subPackages/other/gonggtcc'
// },
{
title: '公共咨询',
img: 'https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/zxts.png',
title: '咨询投诉',
img: 'https://static.ticket.sz-trip.com/changshu/images/indexAutumn/zxts.png',
path: '/subPackages/other/consulting'
},
// {
@ -273,18 +274,18 @@
// },
{
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'
},
{
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/other/gonggjt'
},
{
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'
}
],
@ -311,8 +312,8 @@
this.Post({
id: 4
},'/api/article/getArticleById').then(res => {
this.isShow = res.data.subtitle == 1 ? true : false
// this.isShow = res.data.address == 1 ? true : false
// this.isShow = res.data.subtitle == 1 ? true : false
this.isShow = res.data.address == 1 ? true : false
})
},
onReady() {
@ -635,18 +636,27 @@
min-height: 100vh;
overflow-x: hidden;
// 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-repeat: repeat-y;
padding: 0 26.67rpx 66rpx;
position: relative;
}
.topImg {
width: 750rpx;
height: 466.67rpx;
position: absolute;
top: 0;
left: 0;
}
.back_search {
width: 100%;
height: 67rpx;
background: #ffffff;
opacity: 0.5;
background: rgba(255,255,255,0.8);
border-radius: 33rpx;
position: relative;
.search_image {
width: 31rpx;
height: 31rpx;
@ -658,7 +668,7 @@
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
color: #666666;
line-height: 16rpx;
margin: 22rpx 0 0 18rpx;
position: absolute;
@ -683,7 +693,7 @@
flex-wrap: wrap;
font-weight: 500;
font-size: 24rpx;
color: #FFFFFF;
color: #111111;
&>view {
width: 20%;
@ -851,13 +861,13 @@
width: 240rpx;
height: 53rpx;
border-radius: 27rpx;
border: 1rpx solid #fff;
border: 1rpx solid #000;
text-align: center;
line-height: 53rpx;
margin: 40rpx auto 0;
font-weight: 500;
font-size: 28rpx;
color: #fff;
color: #000;
}
.travel-img {
@ -870,7 +880,7 @@
flex-wrap: wrap;
font-weight: 500;
font-size: 25rpx;
color: #fff;
color: #000;
margin-top: -16rpx;
&>view {
@ -893,9 +903,8 @@
&>view{
width: 107rpx;
height: 60rpx;
background: linear-gradient(180deg, #6DE1FF, #45B1FF);
box-shadow: 0rpx 1rpx 4rpx 0rpx rgba(2,115,176,0.36);
border-radius: 20rpx;
background: #FFBA61;
border-radius: 13rpx;
text-align: center;
line-height: 60rpx;
box-sizing: border-box;
@ -909,9 +918,9 @@
// font-size: 31rpx;
// color: #111111;
// position: relative;
background: linear-gradient(180deg, #FCFBC9, #FFEF26);
box-shadow: 0rpx 1rpx 4rpx 0rpx rgba(2,115,176,0.36);
color: #111111;
background: linear-gradient(0deg, #FFBD17, #F16B07);
// box-shadow: 0rpx 1rpx 4rpx 0rpx rgba(2,115,176,0.36);
// color: #111111;
}
// .type-active::after {
// content: "";
@ -985,11 +994,11 @@
.tag {
height: 37rpx;
border-radius: 19rpx;
border: 1px solid #2260F6;
border: 1px solid #F16C07;
padding: 0 10rpx;
font-weight: 500;
font-size: 24rpx;
color: #2260F6;
color: #F16C07;
overflow-y: hidden;
}
.tag:nth-child(2) {

BIN
static/images/selectHome.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
static/images/selectMap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
static/images/selectMine.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Write Preview
Loading…
Cancel
Save