Browse Source

冬季首页改版

master
jiazhipeng 5 months ago
parent
commit
77d20396e4
  1. 2
      app.json
  2. BIN
      images/ai.png
  3. BIN
      images/ai_seld.png
  4. BIN
      images/index.png
  5. BIN
      images/index_seld.png
  6. BIN
      images/map.png
  7. BIN
      images/map_seld.png
  8. BIN
      images/user.png
  9. BIN
      images/user_seld.png
  10. 2
      pages/index/index.js
  11. 37
      pages/index/index.wxml
  12. 39
      pages/index/index.wxss

2
app.json

@ -248,7 +248,7 @@
"sitemapLocation": "sitemap.json", "sitemapLocation": "sitemap.json",
"tabBar": { "tabBar": {
"color": "#000000", "color": "#000000",
"selectedColor": "#000000", "selectedColor": "#CE3B2B",
"borderStyle": "white", "borderStyle": "white",
"list": [ "list": [
{ {

BIN
images/ai.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
images/ai_seld.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
images/index.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
images/index_seld.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
images/map.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
images/map_seld.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.6 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
images/user.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
images/user_seld.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

2
pages/index/index.js

@ -542,7 +542,7 @@ Page({
}) })
} else { } else {
// 小程序是3 // 小程序是3
commonApi._post("adv/get_home_ui", {type_id: 3}).then(res => { commonApi._post("adv/get_home_ui", {type_id: 15}).then(res => {
let obj = {}; let obj = {};
(res.data.content||[]).forEach(item => { (res.data.content||[]).forEach(item => {
obj[item.id] = item.image obj[item.id] = item.image

37
pages/index/index.wxml

@ -1,17 +1,17 @@
<!--index.wxml--> <!--index.wxml-->
<view class="bg" wx:if="{{!isTest}}" style="background-image: url({{indexSeason.background}});background: linear-gradient(165deg, #FF8623 213px, #FFE68A 213px); "> <view class="bg" wx:if="{{!isTest}}">
<!-- 顶部banner --> <!-- 顶部banner -->
<view style="position:relative;z-index: 1;padding-top: 200rpx;"> <view style="position:relative;z-index: 1;padding-top: 200rpx;">
<view class="top-box" style="top: {{systemStyle.padHeight}}px;right:{{systemStyle.right+10}}px"> <view class="top-box" style="top: {{systemStyle.padHeight}}px;right:{{systemStyle.right+10}}px">
<view wx:if="{{weather}}" style="display: flex;flex-shrink: 0;"> <view wx:if="{{weather}}" style="display: flex;flex-shrink: 0;color: white;">
<image lazy-load src="{{weather.icon2}}" style="margin-left:0" mode="aspectFill"></image> <image lazy-load src="{{weather.icon2}}" style="margin-left:0" mode="aspectFill"></image>
<view class="weather-num">{{weather.max_temp}}°</view> <view class="weather-num" style="color: white;">{{weather.max_temp}}°</view>
<view class="weather">{{weather.weather}}</view> <view class="weather" style="color: white;">{{weather.weather}}</view>
<image lazy-load style="margin: 0 30rpx;" bindtap="gotoPath" data-path="/pages/user/service/index" <image lazy-load style="margin: 0 30rpx;" bindtap="gotoPath" data-path="/pages/user/service/index"
src="https://static.ticket.sz-trip.com/uploads/20250714/1f3ac6a7144c6e6849edad89289061cc.png" mode="aspectFill"></image> src="https://static.ticket.sz-trip.com/jundaosuzhou/images/indexWinter2025/kefu.png" mode="aspectFill"></image>
</view> </view>
<navigator url="/pages/search/index" catchtap="pagePoint" data-event="search_click" class="search-box textOver"> <navigator url="/pages/search/index" catchtap="pagePoint" data-event="search_click" class="search-box textOver">
<image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250916/7d6a5865ffc145ba762fb5a977e4bb37.png" class="iconfont" style="width: 26rpx;height: 26rpx;"></image> <image lazy-load src="https://static.ticket.sz-trip.com/uploads/20251127/c274a7019d42aaf969a6a51422951bb9.png" class="iconfont" style="width: 26rpx;height: 26rpx;"></image>
<view class="textOver" style="color:#000000">搜索您想要的</view> <view class="textOver" style="color:#000000">搜索您想要的</view>
</navigator> </navigator>
</view> </view>
@ -63,8 +63,8 @@
</view> --> </view> -->
</view> </view>
<view class="ai-box"> <view class="ai-box" style="padding: 0 25rpx;box-sizing: border-box;">
<image class="ai-fix" bind:tap="goAIUrl" mode="widthFix" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/aiPlay/banniyou.gif"></image> <image class="ai-fix" bind:tap="goAIUrl" mode="widthFix" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/indexWinter2025/banniyou.gif"></image>
<view class="ai-text">{{aiStr}}</view> <view class="ai-text">{{aiStr}}</view>
</view> </view>
@ -72,6 +72,7 @@
<view class="content-box"> <view class="content-box">
<!-- 苏城环游记 todo--> <!-- 苏城环游记 todo-->
<view class="small-swiper-box" wx:if="{{ztbanner.length>0 && func_data.tour_guide}}"> <view class="small-swiper-box" wx:if="{{ztbanner.length>0 && func_data.tour_guide}}">
<swiper class="small-swiper" autoplay="{{true}}" interval="{{3000}}" duration="{{300}}" <swiper class="small-swiper" autoplay="{{true}}" interval="{{3000}}" duration="{{300}}"
bindchange="changeBannerIndex" data-keyname="ztBannerIndex" circular> bindchange="changeBannerIndex" data-keyname="ztBannerIndex" circular>
@ -207,7 +208,7 @@
</navigator> </navigator>
</view> </view>
<view wx:if="{{func_data.service_public}}"> <view wx:if="{{func_data.service_public}}">
<view class="ggfw-list" style="width:100%;margin-top: -40rpx;position: relative;z-index: 1;"> <view class="ggfw-list" style="width:100%;margin-top: 16rpx;position: relative;z-index: 1;">
<view class="ggfw" wx:for="{{publicSerivce}}" wx:key="index" data-item="{{item}}" bindtap="mainNavClick"> <view class="ggfw" wx:for="{{publicSerivce}}" wx:key="index" data-item="{{item}}" bindtap="mainNavClick">
<image lazy-load src="{{item.icon}}" mode="aspectFill"></image> <image lazy-load src="{{item.icon}}" mode="aspectFill"></image>
</view> </view>
@ -219,7 +220,7 @@
<image lazy-load mode="widthFix" class="common-header-img" src="{{indexSeason.lyzs}}"></image> <image lazy-load mode="widthFix" class="common-header-img" src="{{indexSeason.lyzs}}"></image>
<!-- <image lazy-load class="rmtj-right" src="{{imageSourceList.CBTP[1]}}" mode="" style="width: 276rpx;height: 100rpx;"/> --> <!-- <image lazy-load class="rmtj-right" src="{{imageSourceList.CBTP[1]}}" mode="" style="width: 276rpx;height: 100rpx;"/> -->
</view> </view>
<view class="pic-list" style="margin-top:-40rpx;position: relative;z-index: 1;" wx:if="{{func_data.helper_travel}}"> <view class="pic-list" style="margin-top:5rpx;position: relative;z-index: 1;" wx:if="{{func_data.helper_travel}}">
<image lazy-load class="new-pic" wx:for="{{travelData}}" wx:key="index" data-item="{{item}}" bindtap="mainNavClick" <image lazy-load class="new-pic" wx:for="{{travelData}}" wx:key="index" data-item="{{item}}" bindtap="mainNavClick"
src="{{item.icon}}" mode="aspectFill"></image> src="{{item.icon}}" mode="aspectFill"></image>
</view> </view>
@ -262,13 +263,9 @@
<image lazy-load mode="widthFix" class="common-header-img" src="{{indexSeason.sqj}}"></image> <image lazy-load mode="widthFix" class="common-header-img" src="{{indexSeason.sqj}}"></image>
<!-- <image lazy-load class="rmtj-right" src="{{imageSourceList.CBTP[2]}}" mode="" /> --> <!-- <image lazy-load class="rmtj-right" src="{{imageSourceList.CBTP[2]}}" mode="" /> -->
</view> </view>
<view class="six-box-new" wx:if="{{func_data.scenery_ten}}" > <view class="six-box-new" style="margin-top: 18rpx;" wx:if="{{func_data.scenery_ten}}" >
<view class="big-image-box"> <!-- <view class="big-image-box">
<image lazy-load src="{{SQSM[cityIndex].icon}}" mode="aspectFill" bindtap="mainNavClick" data-item="{{SQSM[cityIndex]}}"></image> <image lazy-load src="{{SQSM[cityIndex].icon}}" mode="aspectFill" bindtap="mainNavClick" data-item="{{SQSM[cityIndex]}}"></image>
<!-- <view class="text-container">
<view style="font-weight: bold;font-size: 32rpx;">昆山市</view>
<view>小昆山势卧麒麟,独角撑空甓塔新</view>
</view> -->
</view> </view>
<scroll-view scroll-x enable-flex scroll-with-animation class="small-image-box" scroll-into-view="{{scrollItem}}"> <scroll-view scroll-x enable-flex scroll-with-animation class="small-image-box" scroll-into-view="{{scrollItem}}">
<view id="scrollItem-{{index}}" class="small-image-item {{cityIndex==index?'active':''}}" wx:for="{{SQSM}}" bind:tap="changeSimpleVal" <view id="scrollItem-{{index}}" class="small-image-item {{cityIndex==index?'active':''}}" wx:for="{{SQSM}}" bind:tap="changeSimpleVal"
@ -276,7 +273,11 @@
<image lazy-load src="{{item.icon}}" mode="aspectFill"></image> <image lazy-load src="{{item.icon}}" mode="aspectFill"></image>
<view class="text-box">{{item.menu_name}}</view> <view class="text-box">{{item.menu_name}}</view>
</view> </view>
</scroll-view> </scroll-view> -->
<view class="big-image-box" style="height: 333rpx;">
<image style="border-radius: 0;" lazy-load src="{{SQSM[cityIndex].icon}}" mode="aspectFill" bindtap="mainNavClick" data-item="{{SQSM[cityIndex]}}"></image>
</view>
</view> </view>
@ -297,7 +298,7 @@
<image lazy-load mode="widthFix" class="common-header-img" src="{{indexSeason.rmtj}}"></image> <image lazy-load mode="widthFix" class="common-header-img" src="{{indexSeason.rmtj}}"></image>
<!-- <image lazy-load class="rmtj-right" src="{{imageSourceList.CBTP[4]}}" mode="" style="width: 276rpx;height: 100rpx;"/> --> <!-- <image lazy-load class="rmtj-right" src="{{imageSourceList.CBTP[4]}}" mode="" style="width: 276rpx;height: 100rpx;"/> -->
</view> </view>
<view class="hot-list" style="margin-top: -40rpx;position: relative;z-index: 1;" wx:if="{{func_data.repurchase}}"> <view class="hot-list" style="margin-top: 7rpx;position: relative;z-index: 1;" wx:if="{{func_data.repurchase}}">
<view class="hot-list-item" wx:for="{{2}}" wx:for-index="number" wx:key="number"> <view class="hot-list-item" wx:for="{{2}}" wx:for-index="number" wx:key="number">
<view wx:for="{{repurchaseList}}" wx:if="{{index%2==number}}" bindtap="gotoDetail" data-item="{{item}}" data-source="回购榜" wx:key="id"> <view wx:for="{{repurchaseList}}" wx:if="{{index%2==number}}" bindtap="gotoDetail" data-item="{{item}}" data-source="回购榜" wx:key="id">
<view class="hot-item"> <view class="hot-item">

39
pages/index/index.wxss

@ -5,10 +5,12 @@
min-height: 100vh; min-height: 100vh;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
background-size: 100% 100%; background-size: 100% auto;
background-repeat: no-repeat; background-repeat: no-repeat;
padding-bottom: 220rpx; padding-bottom: 200rpx;
/* background-color:#E8F9FA; */ background-color:#F8E0C6;
background-image: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/indexWinter2025/topGif.gif");
} }
.swiper{ .swiper{
@ -49,13 +51,13 @@
width: 100%; width: 100%;
height: 64rpx; height: 64rpx;
border-radius: 36rpx; border-radius: 36rpx;
color: #666666; color: #000000;
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 25rpx; font-size: 25rpx;
padding: 2rpx 5rpx; padding: 2rpx 5rpx;
box-sizing: border-box; box-sizing: border-box;
background: #FFEEAD; background: rgba(253, 227, 208, 0.6);
} }
.search-box .iconfont { .search-box .iconfont {
font-size: 30rpx; font-size: 30rpx;
@ -99,13 +101,15 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
border-radius: 20rpx; border-radius: 20rpx;
background: #FFEEAD; /* background: #FFEEAD; */
padding-top: 13rpx; padding-top: 13rpx;
background-image: url("https://static.ticket.sz-trip.com/uploads/20251127/971ccf61fe5446130501fb26ac7e8ffc.png");
background-size: 100% 100%;
} }
.top-icon-item { .top-icon-item {
margin-bottom: 37rpx; margin-bottom: 37rpx;
line-height: 37rpx; line-height: 37rpx;
font-size: 25rpx; font-size: 24rpx;
color: #000; color: #000;
text-align: center; text-align: center;
flex-shrink: 0; flex-shrink: 0;
@ -139,8 +143,17 @@
.content-box { .content-box {
margin: 0 25rpx; margin: 0 25rpx;
} }
.content-margin{
margin: 0 25rpx;
width: 100%;
box-sizing: border-box;
padding: 0 25rpx;
}
.common-header-img{ .common-header-img{
width: 220.67rpx; width: 100%;
position: relative;
} }
.small-swiper { .small-swiper {
@ -168,6 +181,8 @@
margin-top: 48rpx; margin-top: 48rpx;
position: relative; position: relative;
align-items: flex-end; align-items: flex-end;
width: 750rpx;
left: -25rpx;
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
@ -503,15 +518,16 @@
.hot-item { .hot-item {
background: white; background: white;
/* box-shadow: -1rpx 1rpx 16rpx 0px rgba(6, 0, 1, 0.1); */ /* box-shadow: -1rpx 1rpx 16rpx 0px rgba(6, 0, 1, 0.1); */
border-radius: 15rpx; border-radius: 20rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
height: 498rpx; height: 498rpx;
overflow: hidden;
} }
.hot-item image:nth-child(1) { .hot-item image:nth-child(1) {
display: block; display: block;
width: 100%; width: 100%;
height: 327rpx; height: 327rpx;
border-radius: 15rpx 15rpx 0 0; /* border-radius: 15rpx 15rpx 0 0; */
} }
.hot-item .hot-info { .hot-item .hot-info {
padding: 12rpx; padding: 12rpx;
@ -520,6 +536,7 @@
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
background: #FFFCEE;
} }
.hot-item .hot-title { .hot-item .hot-title {
font-weight: bold; font-weight: bold;
@ -894,7 +911,7 @@
/* 春节金刚区字体颜色样式更换 */ /* 春节金刚区字体颜色样式更换 */
.top-icon-text { .top-icon-text {
color: #111111; color: #FFFFFF;
} }
.rmtj-right { .rmtj-right {

Loading…
Cancel
Save