Browse Source

秋季首页UI

master
jiazhipeng 2 years ago
parent
commit
a2d7cbdf13
  1. 8
      app.json
  2. BIN
      images/home.png
  3. BIN
      images/index-selds_1.png
  4. BIN
      images/index_seld_2.png
  5. BIN
      images/map.png
  6. BIN
      images/map_seld_2.png
  7. BIN
      images/my-selds_1.png
  8. BIN
      images/tuyou-selds_1.png
  9. BIN
      images/user.png
  10. BIN
      images/user_seld_2.png
  11. 849
      pages/index/index.js
  12. 1072
      pages/index/index.wxml
  13. 579
      pages/index/index.wxss
  14. 8
      project.private.config.json
  15. 71
      subPackages/indexGQ/index.js
  16. 233
      subPackages/indexGQ/index.wxml
  17. 49
      subPackages/indexGQ/index.wxss

8
app.json

@ -229,26 +229,26 @@
"sitemapLocation": "sitemap.json", "sitemapLocation": "sitemap.json",
"tabBar": { "tabBar": {
"color": "#999", "color": "#999",
"selectedColor": "#FF6756", "selectedColor": "#F58812",
"borderStyle": "white", "borderStyle": "white",
"list": [ "list": [
{ {
"pagePath": "pages/index/index", "pagePath": "pages/index/index",
"iconPath": "/images/home.png", "iconPath": "/images/home.png",
"selectedIconPath": "/images/index_seld_1.png", "selectedIconPath": "/images/index_seld_2.png",
"text": "首页", "text": "首页",
"shareTimeline": true "shareTimeline": true
}, },
{ {
"pagePath": "pages/map/index", "pagePath": "pages/map/index",
"iconPath": "/images/map.png", "iconPath": "/images/map.png",
"selectedIconPath": "/images/map_seld_1.png", "selectedIconPath": "/images/map_seld_2.png",
"text": "图游" "text": "图游"
}, },
{ {
"pagePath": "pages/user/user", "pagePath": "pages/user/user",
"iconPath": "/images/user.png", "iconPath": "/images/user.png",
"selectedIconPath": "/images/user_seld_1.png", "selectedIconPath": "/images/user_seld_2.png",
"text": "我的" "text": "我的"
} }
] ]

BIN
images/home.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
images/index-selds_1.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

BIN
images/index_seld_2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
images/map.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.0 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
images/map_seld_2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
images/my-selds_1.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

BIN
images/tuyou-selds_1.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

BIN
images/user.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
images/user_seld_2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

849
pages/index/index.js

File diff suppressed because it is too large

1072
pages/index/index.wxml

File diff suppressed because it is too large

579
pages/index/index.wxss

@ -1,12 +1,12 @@
/* pages/indexs/index.wxss */ /**index.wxss**/
/* 元旦修改 */ /* 元旦修改 */
page { page {
height: fit-content; /* background: #9DDCF5; */
padding-bottom: 36.67rpx; padding-bottom: 36.67rpx;
background: url("https://static.ticket.sz-trip.com/uploads/20240923/69d4d68f5207c84146739951d07dbda4.jpg"); /* background: url("https://static.ticket.sz-trip.com/uploads/20240606/f92942021f97786a25c1cd51de779c7c.png"); */
background-size: 100% 300%; background-image: url('https://static.ticket.sz-trip.com/uploads/20241012/abae687010ec0955b70872edd660002a.jpg');
/* background-repeat: round; */ background-repeat: repeat-y;
background-repeat: no-repeat; background-size: 100% 100%;
} }
.swiper,.swiper image { .swiper,.swiper image {
width: 697rpx; width: 697rpx;
@ -39,10 +39,18 @@ page {
.search-box { .search-box {
flex: 1; flex: 1;
width: 100%; width: 100%;
/* height: 64rpx; */
/* background: rgba(255, 255, 255, 0.6); */
/* border-radius: 32rpx; */
/* color: #666; */
/* height: 70.67rpx; */
height: 64rpx; height: 64rpx;
background: rgba(255,255,255,0.7); background: rgba(255,255,255,0.7);
border-radius: 32rpx; border-radius: 32rpx;
color: #000; /* color: #72674E; */
color: #333333;
/* background-image: url("https://static.ticket.sz-trip.com//uploads/20240228/10b93c1389ef5dfc02d07c4091af8f2d.png");
background-size: 100% 100%; */
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 25rpx; font-size: 25rpx;
@ -51,7 +59,7 @@ page {
font-size: 30rpx; font-size: 30rpx;
margin-left: 20rpx; margin-left: 20rpx;
margin-right: 10rpx; margin-right: 10rpx;
color: #000; /* color: #72674E; */
} }
.top-box .weather-num,.top-box .weather { .top-box .weather-num,.top-box .weather {
flex-shrink: 0; flex-shrink: 0;
@ -70,8 +78,6 @@ page {
margin-right: 30rpx; margin-right: 30rpx;
} }
.top-icons { .top-icons {
/* background: #FFFFFF; */
/* box-shadow: 0px 3rpx 26rpx 0px rgba(6, 0, 1, 0.13); */
border-radius: 0 0 27rpx 27rpx; border-radius: 0 0 27rpx 27rpx;
width: 697rpx; width: 697rpx;
margin: 0 auto; margin: 0 auto;
@ -79,12 +85,12 @@ page {
z-index: 0; z-index: 0;
display: flex; display: flex;
padding: 34rpx 0; padding: 34rpx 0;
padding-bottom: 7rpx; padding-bottom: 29.33rpx;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
background: #FFFED6; margin-top: -50rpx;
margin-top: -20rpx; padding-top: 84rpx;
padding-top: 54rpx; background: #FFF1C2;
} }
.top-icon-item { .top-icon-item {
margin-bottom: 20rpx; margin-bottom: 20rpx;
@ -105,8 +111,7 @@ page {
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.content { .content {
/* margin: 0 25rpx; */ margin: 0 25rpx;
margin-top: 20.67rpx;
} }
.sale-road-boxes { .sale-road-boxes {
display: flex; display: flex;
@ -196,11 +201,13 @@ page {
height: 154rpx; height: 154rpx;
} }
.small-swiper-box { .small-swiper-box {
margin: 24rpx 26.67rpx 26.67rpx; margin: 50rpx 0;
/* width: 100%; */ width: 100%;
height: 154rpx; height: 154rpx;
border-radius: 20rpx; border-radius: 20rpx;
/* border-radius: 77rpx; */
overflow: hidden; overflow: hidden;
margin-top: 33rpx;
position: relative; position: relative;
} }
.product-tags { .product-tags {
@ -308,56 +315,56 @@ page {
} */ } */
/* 元旦修改 以上两个样式为注释掉的 下面的.pic-list是新改的 */ /* 元旦修改 以上两个样式为注释掉的 下面的.pic-list是新改的 */
.pic-list { .pic-list {
/* width: 100%; width: 100%;
display: flex; display: flex;
margin-right: 26rpx; margin-right: 26rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; */ flex-wrap: wrap;
display: flex;
justify-content: space-between;
margin: 0 28rpx;
} }
.title-more { .title-more {
font-size: 24rpx; font-size: 27rpx;
/* color: #0B898E; */ font-weight: 500;
/* 元旦修改 */ color: #F65D1F;
color: #54504D;
z-index: 9; z-index: 9;
width: 173rpx; width: 173rpx;
height: 40rpx; height: 40rpx;
line-height: 40rpx; background: rgba(255,255,255,0.5);
background: rgba(255, 255, 255, 0.5);
border-radius: 20rpx; border-radius: 20rpx;
text-align: center; text-align: center;
display: flex;
align-items: center;
justify-content: center;
} }
.title-more .iconfont { .title-more .iconfont {
font-size: 22rpx; font-size: 22rpx;
} }
.slide-out-box { .slide-out-box {
/* margin-top: 20rpx; margin-top: 20rpx;
background: #FFFED6; background: #FFF1C2;
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2); */
border-radius: 27rpx; border-radius: 27rpx;
padding-bottom: 1rpx; padding-bottom: 1rpx;
/* margin-bottom: 40rpx; */ margin-bottom: 40rpx;
} }
.pbservice { .pbservice {
width: calc(160rpx * 8); /* width: calc(175rpx * 6); */
/* 元旦修改 */
width: calc(190rpx * 7);
display: flex; display: flex;
margin-top: 5rpx; margin-top: 30rpx;
/* flex-wrap: wrap; */ flex-wrap: wrap;
flex-wrap: nowrap; /* margin-bottom: 60rpx; */
/* padding-left: 12rpx; */ /* 元旦修改 注释margin-bottom */
/* overflow-x: scroll; */
} }
.pbservice-item { .pbservice-item {
width: 106rpx; /* 元旦修改 截止到注释的width*/
margin-bottom: 25rpx; width: 120rpx;
margin-right: 32.33rpx; margin-bottom: 33.33rpx;
margin-right: 62.33rpx;
/* width: 175rpx; */
text-align: center; text-align: center;
font-size: 27rpx; font-size: 25rpx;
color: #000; color: #111111;
line-height: 24rpx; line-height: 24rpx;
display: flex; display: flex;
align-items: center; align-items: center;
@ -372,7 +379,7 @@ page {
margin-bottom: 20rpx; margin-bottom: 20rpx;
margin-top: 50rpx; */ margin-top: 50rpx; */
/* 元旦修改 以上都是之前的*/ /* 元旦修改 以上都是之前的*/
width: 80rpx; width: 106rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.six-box { .six-box {
@ -533,21 +540,16 @@ page {
} }
.more-btn-text { .more-btn-text {
text-align: center; text-align: center;
/* color: #0b898e;
font-size: 27rpx;
width: 200rpx;
line-height: 65rpx;
border: 1px solid #0b898e;
border-radius: 33rpx; */
margin: 20rpx auto; margin: 20rpx auto;
width: 200rpx; width: 200rpx;
height: 67rpx; height: 67rpx;
line-height: 67rpx; line-height: 67rpx;
border: 1px solid #111; border: 1px solid #F6591D;
border-radius: 35rpx; border-radius: 35rpx;
font-size: 27rpx; font-size: 27rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: bold;
color: #F6591D;
} }
.scroll-line { .scroll-line {
/* height: 6rpx; /* height: 6rpx;
@ -556,24 +558,29 @@ page {
overflow: hidden; overflow: hidden;
margin: 30rpx auto; */ margin: 30rpx auto; */
/* 元旦修改 以上为注释部分 下面为新内容*/ /* 元旦修改 以上为注释部分 下面为新内容*/
width: 48rpx !important; width: 73rpx !important;
height: 8rpx; height: 7rpx;
/* background: #DDCEAC; */ /* background: #DDCEAC; */
background: #fff; background: #fff;
border-radius: 4rpx; border-radius: 3rpx;
margin: 15rpx auto 10rpx; margin: 33.33rpx auto;
} }
.scroll-line-bg { .scroll-line-bg {
height: 8rpx; /* width: 300rpx;
background: #FF4848; height: 6rpx;
border-radius: 4rpx; border-radius: 3rpx;
background: #0B898E; */
/* 元旦修改 以上为注释部分 下面为新内容*/
height: 7rpx;
background: #F65D1F;
border-radius: 3rpx;
} }
/* 元旦修改 新增样式 */ /* 元旦修改 新增样式 */
.scroll-line-bg2 { .scroll-line-bg2 {
margin-left: 24rpx; margin-left: 37.33rpx;
background: #FF4848; background: #F65D1F;
height: 8rpx; height: 7rpx;
border-radius: 4rpx; border-radius: 3rpx;
} }
.nomore-tip-btn { .nomore-tip-btn {
position: absolute; position: absolute;
@ -679,10 +686,9 @@ page {
color: #333333; color: #333333;
line-height: 42rpx; line-height: 42rpx;
flex-wrap: wrap; flex-wrap: wrap;
background: #FFFED6; background: #FFF1C2;
justify-content: space-around; justify-content: space-around;
height: 187rpx; height: 187rpx;
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2);
border-radius: 27rpx; border-radius: 27rpx;
align-items: center; align-items: center;
} }
@ -694,7 +700,7 @@ page {
} }
.other-plat { .other-plat {
/* 春节新增样式 */ /* 春节新增样式 */
color: #54504D; color: #111111;
} }
.other-plat:nth-child(4n){ .other-plat:nth-child(4n){
margin-right: 0; margin-right: 0;
@ -828,7 +834,7 @@ page {
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.time-box { .time-box {
font-size: 25rpx; font-size: 27rpx;
font-family: DIN; font-family: DIN;
font-weight: 500; font-weight: 500;
/* color: #54504D; */ /* color: #54504D; */
@ -842,23 +848,17 @@ page {
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xsth-time { .xsth-time {
/* margin: 0 5rpx; */ /* width: 43rpx; */
/* width: 50rpx; */
/* height: 33rpx; */
width: 43rpx;
height: 43rpx; height: 43rpx;
padding: 0 7rpx;
line-height: 43rpx; line-height: 43rpx;
background: #4AB648; background: #FFF1C2;
/* background: #F9F1DB; */
/* border-radius: 5rpx; */
border-radius: 13rpx; border-radius: 13rpx;
font-size: 25rpx; font-size: 27rpx;
font-family: DIN; font-family: DIN;
font-weight: 500; font-weight: 500;
/* color: #D62828; */ color: #ED1C19;
color: white;
text-align: center; text-align: center;
/* line-height: 33rpx; */
} }
.time-box text { .time-box text {
width: 18rpx; width: 18rpx;
@ -904,44 +904,53 @@ page {
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-product { .xpth-product {
/* position: absolute; */ width: 700rpx;
width: 697rpx;
height: 373rpx; height: 373rpx;
background: #FFFED6;
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2);
border-radius: 27rpx; border-radius: 27rpx;
padding: 25rpx 15rpx; padding: 25rpx 13rpx;
box-sizing: border-box; box-sizing: border-box;
/* left: 0;
bottom: 15.33rpx;
/* width: 710rpx; */
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
background: #FFF1C2;
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-banner { .xpth-banner {
/* width: 270rpx; */
/* height: 333rpx; */
/* height: 340rpx; */
/* background-image: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/springFestival2024/xpth-hBg.png"); */
/* background-size: 100% 100%; */
border-radius: 20rpx;
flex: 1; flex: 1;
margin-left: 15rpx; margin-left: 15rpx;
/* padding: 4rpx; height: 320rpx;
background: #72674e; width: 100%;
clip-path: polygon(5% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%); */ border-radius: 20rpx;
height: 319rpx; overflow: hidden;
position: relative;
}
.xpth-banner-swiper{
height: 100%;
} }
.xpth-banner image { .xpth-banner image {
/* width: 270rpx; */
flex: 1; flex: 1;
height: 319rpx; height: 100%;
width: 100%;
border-radius: 20rpx; border-radius: 20rpx;
/* height: 333rpx; */ }
/* height: 340rpx; */ .xpth-banner-dot-list{
/* clip-path: polygon(5% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%); */ position: absolute;
/* border-radius: 20rpx; */ right: 0;
bottom: 10rpx;
padding: 10rpx;
display: flex;
align-items: center;
justify-content: flex-end;
}
.xpth-banner-dot-list .xpth-dot{
width: 9rpx;
height: 9rpx;
background: #FFFFFF;
border-radius: 50%;
opacity: 0.6;
margin: 0 4rpx;
}
.xpth-banner-dot-list .xpth-dot.active{
opacity: 1;
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-item { .xpth-item {
@ -987,7 +996,7 @@ page {
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-item-title { .xpth-item-title {
width: 230rpx; width: 210rpx;
font-size: 27rpx; font-size: 27rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
@ -1010,15 +1019,15 @@ page {
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-item-price { .xpth-item-price {
font-size: 32rpx; font-size: 31rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: bold;
color: #D62828; color: #ED1C19;
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-item-price::before { .xpth-item-price::before {
content: "¥"; content: "¥";
font-size: 20rpx; font-size: 23rpx;
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-item-buy { .xpth-item-buy {
@ -1036,22 +1045,24 @@ page {
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.new-pic { .new-pic {
width: 160rpx !important; width: 160rpx !important;
height: 255rpx !important; height: 213rpx !important;
/* margin-bottom: 26.67rpx; */ margin-bottom: 26.67rpx;
} }
.ggfw-list{ .ggfw-list {
display: flex; justify-content: space-around !important;
justify-content: space-around; }
.ggfw-list .pbservice-item{
margin-right: 0;
color: #111111;
} }
.ggfw { .ggfw {
width: auto; width: auto;
margin:0;
} }
.ggfw image{ .ggfw image{
margin-bottom: 16.67rpx; margin-bottom: 16.67rpx;
width: 113.33rpx !important; width: 70rpx !important;
height: 113.33rpx !important; height: 70rpx !important;
} }
.six-box-new { .six-box-new {
@ -1078,7 +1089,7 @@ page {
} }
/* 春节金刚区字体颜色样式更换 */ /* 春节金刚区字体颜色样式更换 */
.top-icon-text { .top-icon-text {
color: #54504D; color: #111111;
} }
.rmtj-right { .rmtj-right {
@ -1159,327 +1170,31 @@ page {
left: 56.67rpx; left: 56.67rpx;
bottom: 64rpx; bottom: 64rpx;
} }
.jqssd {
.right-more { /* background: url("https://static.ticket.sz-trip.com/uploads/20240606/20c06c5bf8d5e498667ebd954a1d95f8.png");
width: 120rpx; background-size: 100% 100%; */
height: 47rpx; width: 365.33rpx;
background-color: rgba(255,255,255,.3); height: 166rpx;
border-radius: 23rpx;
font-weight: 500;
font-size: 27rpx;
color: #FFFFFF;
text-align: center;
line-height: 47rpx;
}
.hdrlNavList {
display: flex;
margin: 28rpx 26.67rpx 10rpx;
overflow-x: scroll;
flex-wrap: nowrap;
}
.hdrlNav {
flex-shrink: 0;
/* width: 160rpx; */
padding: 0 20rpx;
height: 53rpx;
background: rgba(255,250,245,0.3);
border-radius: 13rpx;
/* border: 1px solid #FFFFFF; */
font-size: 32rpx;
color: #FFFFFF;
text-align: center;
line-height: 53rpx;
margin-right: 14rpx;
}
.hdrlNavActive {
background: linear-gradient(180deg, #FFFAF5, #FFE3C2);
font-size: 32rpx;
color: #FF4848;
border: none;
}
.hdrlItem {
flex-shrink: 0;
padding: 26.67rpx 22rpx 26.67rpx 20rpx;
/* width: 593.33rpx; */
display: flex;
background: url("https://static.ticket.sz-trip.com/uploads/20240923/d4c9e6e558796b0ff89726d0857a5d03.png");
background-size: 100% 100%;
}
.hdrlItem-img {
width: 240rpx;
height: 213rpx;
background: #8C8C8C;
border-radius: 13rpx;
flex-shrink: 0; flex-shrink: 0;
margin-right: 12rpx;
overflow: hidden;
}
.hdrlItem-content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 213rpx;
}
.hdrlItem-title {
font-weight: bold;
font-size: 28rpx;
color: #000000;
margin-top: 15.33rpx;
}
.hdrlItem-date {
font-weight: 500;
font-size: 23rpx;
color: #000000;
margin-bottom: 19.33rpx;
}
.main-box {
background-image: url("https://static.ticket.sz-trip.com/uploads/20240923/0220a6adf111a97a9b12746438e87967.png");
background-size: 100% 100%;
padding: 27.67rpx 20.67rpx 40rpx 20rpx;
margin: 0 8rpx;
} }
.main-box-top { .jqssd image, .sslk image{
display: flex; width: 100%;
margin-bottom: 5.33rpx; height: 100%;
}
.gfyj,.sslk {
width: 369.33rpx;
height: 146rpx;
flex-shrink: 0;
} }
.sslk { .sslk {
margin-left: -48rpx; /* background: url("https://static.ticket.sz-trip.com/uploads/20240729/c1554fdd645a0d3a47c8e683186e1a73.png");
} background-size: 100% 100%; */
width: 365.33rpx;
.movieItem { height: 166rpx;
padding: 26.67rpx 26rpx 26.67rpx 20rpx;
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png");
background-size: 100% 100%;
flex-shrink: 0;
height: 206.67rpx;
}
.movieItem-img {
width: 213rpx;
height: 213rpx;
border-radius: 18rpx;
margin-right: 18rpx;
flex-shrink: 0; flex-shrink: 0;
} margin-left: -20rpx;
.ysz-box {
margin: 0 8rpx 15.33rpx;
background-image: url("https://static.ticket.sz-trip.com/uploads/20240923/0220a6adf111a97a9b12746438e87967.png");
/* padding: 43.33rpx 59rpx 46.67rpx 58rpx; */
background-size: 100% 100%;
width: 733.33rpx;
height: 320rpx;
padding-top: 33.33rpx;
}
.ysz-more {
width: 267rpx;
height: 53rpx;
background: #FFFFFF;
border-radius: 27rpx;
margin: 38rpx auto 0;
text-align: center;
line-height: 53rpx;
font-weight: 500;
font-size: 25rpx;
color: #320000;
}
.ysz-box2 {
/* padding: 20rpx 35rpx; */
padding-top: 23.33rpx;
}
.tjbd-title {
width: 286.67rpx;
height: 80rpx;
} }
.bd-box { .xsth-left{
position: relative; /* flex: 1;
padding: 36rpx 30.67rpx 44.67rpx 28.67rpx; width: 1rpx; */
margin-left: 26.67rpx;
width: 582rpx;
/* height: 1133rpx; */
background: linear-gradient(-8deg, #F4F9FF, #B9E1F0);
box-shadow: 0rpx 7rpx 20rpx 0rpx rgba(27,128,97,0.56);
border-radius: 20rpx 80rpx 20rpx 20rpx;
}
.bd-top {
display: flex;
justify-content: space-between;
margin-bottom: 30rpx;
position: relative;
} }
.zz { .xsth-left>image{
width: 236.67rpx; max-width: 100%;
height: 206.67rpx; overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.bd-type {
width: 125.33rpx;
height: 38.67rpx;
}
.bd-more {
width: 120rpx;
height: 47rpx;
background: rgba(255,255,255,.7);
border-radius: 23rpx;
font-weight: 500;
font-size: 27rpx;
color: #320000;
z-index: 9;
text-align: center;
line-height: 47rpx;
}
.bd-index {
font-weight: bold;
font-size: 40rpx;
color: #000000;
}
.bd-item {
margin-left: 45.33rpx;
width: 453rpx;
height: 147rpx;
background: #FFFFFF;
border-radius: 13rpx;
display: flex;
}
.bd-item-img {
width: 147rpx;
height: 147rpx;
background: #D9D9D9;
border-radius: 13rpx;
flex-shrink: 0;
margin-right: 12.67rpx;
}
.bd-item-content {
padding: 14rpx 29.33rpx 13.33rpx 0;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.bd-item-title {
font-weight: bold;
font-size: 27rpx;
color: #333333;
}
.bd-item-bottom {
display: flex;
justify-content: space-between;
align-items: baseline;
width: 260rpx;
}
.bd-price {
font-size: 29.33rpx;
color: #F93434;
font-weight: bold;
}
.bd-price:after {
content:'起';
color: #999999;
font-size: 23rpx;
font-weight: 700;
}
.bd-price::before {
content:'¥';
font-size: 23rpx;
}
.bd-distance {
font-weight: 500;
font-size: 23rpx;
color: #999999;
}
.buyMovie {
width: 160rpx;
height: 56rpx;
background: #FF4848;
color: #fff;
border-radius: 20rpx;
text-align: center;
line-height: 56rpx;
}
.bg1 {
background: linear-gradient(-8deg, #F4F9FF, #B9E1F0);
}
.bg2 {
background: linear-gradient(-8deg, #F9FFE3, #F3FFC4);
}
.bg3 {
background: linear-gradient(180deg, #E0F7DC, #A0F292);
}
.bg4 {
background: linear-gradient(-8deg, #F6F2FF, #E3D9FF);
}
.hdrlNavList::-webkit-scrollbar{
display:none;
}
.hdrlList::-webkit-scrollbar{
display:none;
}
.bottom-box::-webkit-scrollbar{
display:none;
}
.slide-box::-webkit-scrollbar{
display:none;
}
.pbservice::-webkit-scrollbar{
display:none;
}
.textOver3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.public-box {
width: 593.33rpx;
height: 266.67rpx;
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png");
background-size: 100% 100%;
}
.one::-webkit-scrollbar{
display:none;
}
.date-container{
position: relative;
}
.nowDate{
display: flex;
position: absolute;
left: 228.77rpx;
bottom: 7.33rpx;
}
.nowDate>view{
width: 44rpx;
height: 44rpx;
border-radius: 7rpx;
text-align: center;
line-height: 44rpx;
font-family: PingFang SC;
font-weight: 500;
font-size: 29rpx;
color: #FFFFFF;
}
.nowDate .num{
background: #FFEBD5;
color: #111111;
font-family: PingFang SC;
/* font-weight: bold; */
font-size: 29rpx;
color: #111111;
} }

8
project.private.config.json

@ -7,15 +7,15 @@
"miniprogram": { "miniprogram": {
"list": [ "list": [
{ {
"name": "首页", "name": "subPackages/index/index",
"pathName": "pages/list/six/index", "pathName": "subPackages/index/index",
"query": "", "query": "",
"launchMode": "default", "launchMode": "default",
"scene": null "scene": null
}, },
{ {
"name": "subPackages/indexs/index", "name": "首页",
"pathName": "subPackages/indexs/index", "pathName": "pages/list/six/index",
"query": "", "query": "",
"launchMode": "default", "launchMode": "default",
"scene": null "scene": null

71
subPackages/indexGQ/index.js

@ -98,35 +98,46 @@ Page({
bdList:[ bdList:[
{ {
bg: 'linear-gradient(172deg, #FFF3E5, #FFD9AD);', bg: 'linear-gradient(172deg, #FFF3E5, #FFD9AD);',
icon:'https://static.ticket.sz-trip.com/uploads/20240923/15ee44a960511cdcf276b5d8df472626.png', //游 icon:'https://static.ticket.sz-trip.com/uploads/20240923/15ee44a960511cdcf276b5d8df472626.png', //游 景点
url:'https://m.cloud.sz-trip.com/OneDayTravelNew', url:'',
path:'', path:'/pages/list/scene/index',
list: [],
}, },
{ {
bg: 'linear-gradient(172deg, #E7F1FF, #ADD1FF);', bg: 'linear-gradient(172deg, #E7F1FF, #ADD1FF);',
icon:'https://static.ticket.sz-trip.com/uploads/20240923/cd652f4bcfcef7f55863bf8587609ca4.png', //非玩不可 icon:'https://static.ticket.sz-trip.com/uploads/20240923/cd652f4bcfcef7f55863bf8587609ca4.png', //非玩不可 景点产品
path:'/pages/list/scene/index', path:'/pages/list/night/index',
url:'', url:'',
list: [],
}, },
{ {
bg: 'linear-gradient(172deg, #F0EBFF, #E3D9FF);', bg: 'linear-gradient(172deg, #F0EBFF, #E3D9FF);',
icon:'https://static.ticket.sz-trip.com/uploads/20240923/a0b95152b87215dccbb2e5dfa1bfd145.png', //非看不可 icon:'https://static.ticket.sz-trip.com/uploads/20240923/a0b95152b87215dccbb2e5dfa1bfd145.png', //非看不可
url:'', url:'',
path:'/pages/list/theatre/index', path:'/pages/list/theatre/index',
list: [],
}, },
{ {
bg: 'linear-gradient(172deg, #FFEDF0, #FFC9D2);', bg: 'linear-gradient(172deg, #FFEDF0, #FFC9D2);',
icon:'https://static.ticket.sz-trip.com/uploads/20240923/799befa78b1d474bfb26004cc2ef817d.png', //非买不可 icon:'https://static.ticket.sz-trip.com/uploads/20240923/799befa78b1d474bfb26004cc2ef817d.png', //非买不可
path:'/pages/list/techan/index', path:'/subPackages/techanNew/index',
url:'', url:'',
list: [],
}, },
], ],
list1:[], //非玩-景点 list1:[], //游-景点
list2:[], //非买-文创 list2:[], //非晚-夜游
list3:[], //非游-一日游 list3:[], //非看-剧场演出
list4:[], //非看-剧场演出 list4:[], //非买-文创
nowDate: [('0' + (new Date().getMonth() + 1)).slice(-2) , ('0' + new Date().getDate()).slice(-2)]
}, },
onLoad: function(options) { onLoad: function(options) {
this.getHeight() this.getHeight()
@ -239,15 +250,15 @@ Page({
this.getWeather() this.getWeather()
}, },
gobdDetail(e) { gobdDetail(e) {
console.log(e); let item = e.currentTarget.dataset.item
let url = e.currentTarget.dataset.url // wx.navigateTo({
wx.navigateTo({ // url: url
url: url // })
}) util.gotoDetail(item)
}, },
getList() { getList() {
let bdList = this.data.bdList let bdList = this.data.bdList
// 非玩不可--景点 // --景点
commonApi._post("scene/get_scene_by_tag",{ commonApi._post("scene/get_scene_by_tag",{
tag_id:"4", tag_id:"4",
limit:6, limit:6,
@ -258,6 +269,7 @@ Page({
title:'', title:'',
area_id:'' area_id:''
}).then(res=>{ }).then(res=>{
console.log('景点', res)
res.data.list.map(item => { res.data.list.map(item => {
if (item.distance || item.distance == 0) { if (item.distance || item.distance == 0) {
if (item.distance >= 1000) { if (item.distance >= 1000) {
@ -267,30 +279,36 @@ Page({
} }
} }
}) })
bdList[0].list = res.data.list
this.setData({ this.setData({
list1:res.data.list list1:res.data.list,
bdList: bdList
}) })
}) })
// 非买不可--文创 // 非买不可--文创
commonApi._post('product/get_product_by_tag',{ commonApi._post('product/get_product_by_tag',{
tag_id: 326, product_model: 'post',
offset: 0, offset: 0,
limit: 6, limit: 6,
}).then(res=>{ }).then(res=>{
bdList[3].list = res.data.list
this.setData({ this.setData({
list2:res.data.list list4:res.data.list,
bdList: bdList
}) })
}) })
// 非游不可--线路一日游 // 非游不可--线路一日游
commonApi._post('product/get_product_by_tag',{ commonApi._post('product/get_product_by_tag',{
type_id: 23, // type_id: 23,
tag_id:17, tag_id: "10,11,12",
offset: 0, offset: 0,
limit: 6, limit: 6,
sort: 'weight' sort: 'weight'
}).then(res=>{ }).then(res=>{
bdList[1].list = res.data.list
this.setData({ this.setData({
list3:res.data.list list2:res.data.list,
bdList: bdList
}) })
}) })
// 非看不可--剧场演出 // 非看不可--剧场演出
@ -304,8 +322,10 @@ Page({
lon:this.data.lon, lon:this.data.lon,
title:'' title:''
}).then(res=>{ }).then(res=>{
bdList[2].list = res.data.list
this.setData({ this.setData({
list4:res.data.list list3:res.data.list,
bdList: bdList
}) })
}) })
}, },
@ -369,6 +389,11 @@ Page({
lon: this.data.lon, lon: this.data.lon,
page_num: 5 page_num: 5
}).then(res => { }).then(res => {
res.data.rows.forEach(v=>{
if (!v.post_url) {
v.post_url = "https://static.ticket.sz-trip.com/uploads/20240909/c9a0029cc9426d2a17f1dbbb7a179762.jpg"
}
})
this.setData({ this.setData({
hdrlList:res.data.rows hdrlList:res.data.rows
}) })

233
subPackages/indexGQ/index.wxml

@ -20,21 +20,27 @@
</view> </view>
<view style="position:relative;z-index: 1;" > <view style="position:relative;z-index: 1;" >
<swiper class="swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" bindchange="changeBannerIndex" circular> <swiper class="swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" bindchange="changeBannerIndex" circular>
<block wx:for="{{banner}}" wx:key="this"> <block wx:for="{{banner}}" wx:key="index">
<swiper-item bindtap="bannerClick" data-item="{{item}}"> <swiper-item bindtap="bannerClick" data-item="{{item}}">
<image src="{{item.head_img}}" mode="scaleToFill"></image> <image src="{{item.head_img}}" mode="scaleToFill"></image>
</swiper-item> </swiper-item>
</block> </block>
</swiper> </swiper>
<view class="com-flex dot-list"> <view class="com-flex dot-list">
<view class="dot{{index===activeBannerIndex?' active':''}}" wx:for="{{banner}}" wx:key="this"></view> <view class="dot{{index===activeBannerIndex?' active':''}}" wx:for="{{banner}}" wx:key="index"></view>
</view> </view>
</view> </view>
<view class="content"> <view class="content" wx:if="{{!isTest}}">
<!-- 活动日历 --> <!-- 活动日历 -->
<view class="sale-road-boxes" style="margin: 0 26.67rpx;"> <view class="sale-road-boxes date-container" style="margin: 0 26.67rpx;">
<image mode="heightFix" style="height:86rpx" src="https://static.ticket.sz-trip.com/uploads/20240923/00c7635dd9648e9dc4d0d044c06f495c.png"></image> <image mode="heightFix" style="height:86rpx;width: 358rpx;" src="https://static.ticket.sz-trip.com/uploads/20240925/9d10d5ff4a5314573328dd6cdab67b82.png"></image>
<navigator url="/pages/list/activitynew/index" class="right-more">更多 ></navigator> <navigator url="/pages/list/activitynew/index" class="right-more">更多 ></navigator>
<view class="nowDate">
<view class="num">{{nowDate[0]}}</view>
<view>月</view>
<view class="num">{{nowDate[1]}}</view>
<view>日</view>
</view>
</view> </view>
<view class="hdrlNavList"> <view class="hdrlNavList">
<view class="hdrlNav{{index==hdrlNavIndex?' hdrlNavActive':''}}" wx:for="{{hdrlNavList}}" data-index="{{index}}" bindtap="changeHdrlNav" wx:key="id"> <view class="hdrlNav{{index==hdrlNavIndex?' hdrlNavActive':''}}" wx:for="{{hdrlNavList}}" data-index="{{index}}" bindtap="changeHdrlNav" wx:key="id">
@ -43,9 +49,10 @@
</view> </view>
<view wx:if="{{hdrlNavIndex!=4}}"> <view wx:if="{{hdrlNavIndex!=4}}">
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" class="hdrlList" wx:if="{{!isTest}}"> <view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" class="hdrlList" wx:if="{{!isTest}}">
<view class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="this" style="width: 593.33rpx;"> <view class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="index" style="width: 593.33rpx;">
<view style="background: #fff;display: flex;border-radius: 13rpx;"> <view style="background: #fff;display: flex;border-radius: 13rpx;">
<image class="hdrlItem-img" src="{{item.post_url}}" mode=""/> <!-- <image class="hdrlItem-img" src="{{item.post_url}}" mode="aspectFill"/> -->
<common-image class="hdrlItem-img" width="240rpx" height='213rpx' src="{{item.post_url || item.cover}}" defaultImage="https://static.ticket.sz-trip.com/uploads/20240909/c9a0029cc9426d2a17f1dbbb7a179762.jpg" mode="aspectFill"></common-image>
<view class="hdrlItem-content"> <view class="hdrlItem-content">
<view class="hdrlItem-title textOver3">{{item.name}}</view> <view class="hdrlItem-title textOver3">{{item.name}}</view>
<view class="hdrlItem-date">{{item.begin_date}}-{{item.end_date}}</view> <view class="hdrlItem-date">{{item.begin_date}}-{{item.end_date}}</view>
@ -56,10 +63,12 @@
</view> </view>
<view wx:else> <view wx:else>
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" wx:if="{{!isTest}}" class="one"> <view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" wx:if="{{!isTest}}" class="one">
<view class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="this"> <view class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="index">
<view style="background: #fff;width: 570rpx;display: flex;border-radius: 13rpx;"> <view style="background: #fff;width: 570rpx;display: flex;border-radius: 13rpx;">
<image class="movieItem-img" src="{{item.headimg}}" mode=""/> <!-- <image class="movieItem-img" src="{{item.headimg}}" mode=""/> -->
<view style="display: flex;flex-direction: column;justify-content: space-between;padding: 10rpx 10rpx 5rpx 2rpx;font-size: 30rpx;font-weight: 500;width: 500rpx;box-sizing: border-box;"> <common-image class="hdrlItem-img" width="240rpx" height='213rpx' src="{{item.headimg}}" defaultImage="https://static.ticket.sz-trip.com/uploads/20240909/c9a0029cc9426d2a17f1dbbb7a179762.jpg" mode="aspectFill"></common-image>
<view style="display: flex;flex-direction: column;justify-content: space-between;padding: 10rpx 10rpx 10rpx 0;font-size: 30rpx;font-weight: bold;width: 500rpx;box-sizing: border-box;">
<view>{{item.title}}</view> <view>{{item.title}}</view>
<view style="display: flex;justify-content: flex-end;"> <view style="display: flex;justify-content: flex-end;">
<view class="buyMovie">去购票 ></view> <view class="buyMovie">去购票 ></view>
@ -80,8 +89,8 @@
</view> </view>
<!-- 下面几大板块 --> <!-- 下面几大板块 -->
<view class="slide-out-box"> <view class="slide-out-box">
<scroll-view scroll-x bindscroll="listenScroll" class="slide-box"> <scroll-view scroll-x bindscroll="listenScroll" class="slide-box no-scrollbar">
<view class="pbservice" style="margin-bottom:30rpx;width: fit-content;"> <view class="pbservice no-scrollbar" style="margin-bottom:30rpx;width: fit-content;">
<view bindtap="gotoPath" data-event="ticket_click" style="margin-left: 10rpx;" data-title="景点门票" data-path="/pages/list/scene/index" class="pbservice-item"> <view bindtap="gotoPath" data-event="ticket_click" style="margin-left: 10rpx;" data-title="景点门票" data-path="/pages/list/scene/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jdmp.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jdmp.png" mode="widthFix"></image>
<view class="text">景点门票</view> <view class="text">景点门票</view>
@ -90,7 +99,7 @@
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yysz.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yysz.png" mode="widthFix"></image>
<view class="text">夜游苏州</view> <view class="text">夜游苏州</view>
</view> </view>
<view bindtap="gotoPath" data-event="specialty" data-title="文创特产" data-path="/pages/list/{{isTest?'road':'techan'}}/index" class="pbservice-item"> <view bindtap="gotoPath" data-event="specialty" data-title="文创特产" data-path="/subPackages/techanNew/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/wctc.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/wctc.png" mode="widthFix"></image>
<view class="text">文创特产</view> <view class="text">文创特产</view>
</view> </view>
@ -111,7 +120,7 @@
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yky.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yky.png" mode="widthFix"></image>
<view class="text">一卡游</view> <view class="text">一卡游</view>
</view> </view>
<view bindtap="gotoPath" data-event="legacy" data-title="非遗专卖" data-path="/pages/list/{{isTest?'scene':'feiyi'}}/index" class="pbservice-item"> <view bindtap="gotoPath" data-event="legacy" data-title="非遗专卖" data-path="/subPackages/feiyiNew/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/fyzm.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/fyzm.png" mode="widthFix"></image>
<view class="text">非遗专卖</view> <view class="text">非遗专卖</view>
</view> </view>
@ -127,14 +136,14 @@
<view class="small-swiper-box"> <view class="small-swiper-box">
<swiper class="small-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" <swiper class="small-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}"
bindchange="changeSmBannerIndex"> bindchange="changeSmBannerIndex">
<block wx:for="{{xiaobanner}}" wx:key="*this"> <block wx:for="{{xiaobanner}}" wx:key="index">
<swiper-item bindtap="bannerClick" data-item="{{item}}"> <swiper-item bindtap="bannerClick" data-item="{{item}}">
<image style="border-radius:13rpx" src="{{item.head_img}}" mode="aspectFill"></image> <image style="border-radius:13rpx" src="{{item.head_img}}" mode="aspectFill"></image>
</swiper-item> </swiper-item>
</block> </block>
</swiper> </swiper>
<view class="dot-list com-flex sm-dot-list"> <view class="dot-list com-flex sm-dot-list">
<view class="dot{{smBannerIndex==index?' active':''}}" wx:for="{{xiaobanner}}" wx:key="this"></view> <view class="dot{{smBannerIndex==index?' active':''}}" wx:for="{{xiaobanner}}" wx:key="index"></view>
</view> </view>
</view> </view>
<!-- 游苏州 --> <!-- 游苏州 -->
@ -149,25 +158,32 @@
</view> </view>
<view class="ysz-box {{yszIndex==1?'ysz-box2':''}}"> <view class="ysz-box {{yszIndex==1?'ysz-box2':''}}">
<view wx:if="{{yszIndex == 0}}" style="margin: 20rpx 14rpx 0;"> <view wx:if="{{yszIndex == 0}}" style="margin: 20rpx 14rpx 0;">
<view class="pbservice ggfw-list" style="width:100%;overflow-x: auto;"> <view class="pbservice ggfw-list" style="width:100%;overflow-x: auto;height: 160rpx;">
<view bindtap="gotoUrl" data-event="sbk" data-title="电子社保卡" data-url="https://m.cloud.sz-trip.com/sbkLogin" class="pbservice-item ggfw"> <!-- <view bindtap="gotoUrl" data-event="sbk" data-title="电子社保卡" data-url="https://m.cloud.sz-trip.com/sbkLogin" class="pbservice-item ggfw">
<image src="https://static.ticket.sz-trip.com/uploads/20240923/4c0ee81974879d5160b932a7e526e90d.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/uploads/20240923/4c0ee81974879d5160b932a7e526e90d.png" mode="widthFix"></image>
<view>电子社保卡</view> <view>电子社保卡</view>
</view> </view> -->
<view bindtap="gotoUrl" data-event="comfort_click" data-title="高峰预警" <view bindtap="gotoUrl" data-event="comfort_click" data-title="高峰预警"
data-url="https://wlsjzx.zdhxwl.cn/kt_h5/index.html#/morecopy" class="pbservice-item ggfw" > data-url="https://wlsjzx.zdhxwl.cn/kt_h5/index.html#/morecopy"
class="pbservice-item ggfw" >
<image src="https://static.ticket.sz-trip.com/uploads/20240923/43f561c40ef50aafa30a0a637fb016fb.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/uploads/20240923/43f561c40ef50aafa30a0a637fb016fb.png" mode="widthFix"></image>
<view>高峰预警</view> <view>高峰预警</view>
</view> </view>
<view bindtap="gotoUrl" data-event="xlqc"
data-url="https://jiaotonghao2.amap.com/?channel=amap&unitId=257&src=app_share#/" class="pbservice-item ggfw">
<image src="https://static.ticket.sz-trip.com/uploads/20240923/18818826384a788ab7ac457572174b39.png" mode="widthFix"></image>
<view>实时路况</view>
</view>
<view bindtap="gotoUrl" data-event="xlqc" <view bindtap="gotoUrl" data-event="xlqc"
data-url="https://weixin.2500sz.net/zt/2023/07/luggage_storage/" class="pbservice-item ggfw" > data-url="https://weixin.2500sz.net/zt/2023/07/luggage_storage/" class="pbservice-item ggfw" >
<image src="https://static.ticket.sz-trip.com/uploads/20240923/d59d84a7d728f4b2671b5d2e52d1d72e.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/uploads/20240923/d59d84a7d728f4b2671b5d2e52d1d72e.png" mode="widthFix"></image>
<view>行李寄存</view> <view>行李寄存</view>
</view> </view>
<view bindtap="gotoUrl" data-event="xlqc"
data-url="https://jiaotonghao2.amap.com/?channel=amap&unitId=257&src=app_share#/" class="pbservice-item ggfw"> <view class="pbservice-item ggfw" data-event="toilet_public_click" data-title="找厕所" bindtap="gotoPath"
<image src="https://static.ticket.sz-trip.com/uploads/20240923/18818826384a788ab7ac457572174b39.png" mode="widthFix"></image> data-path="/pages/pbService/bike/index?type=1">
<view>实时路况</view> <image src="https://static.ticket.sz-trip.com/uploads/20240925/38ee5d21e1eb4ef2379c3d81edfb3799.png" mode="widthFix"></image>
<view>找厕所</view>
</view> </view>
<!-- <view bindtap="gotoPath" data-event="security_home_click" data-title="安全服务" data-path="/pages/pbService/security/index" class="pbservice-item ggfw"> <!-- <view bindtap="gotoPath" data-event="security_home_click" data-title="安全服务" data-path="/pages/pbService/security/index" class="pbservice-item ggfw">
@ -201,14 +217,15 @@
<image class="tjbd-title" style="width: 333rpx;height: 80rpx;margin-left: 26rpx;margin-bottom: 20rpx;" src="https://static.ticket.sz-trip.com/uploads/20240923/fc8d43d1ca820912aae4b2bede13235c.png" mode=""/> <image class="tjbd-title" style="width: 333rpx;height: 80rpx;margin-left: 26rpx;margin-bottom: 20rpx;" src="https://static.ticket.sz-trip.com/uploads/20240923/fc8d43d1ca820912aae4b2bede13235c.png" mode=""/>
<!-- 4个产品榜单 --> <!-- 4个产品榜单 -->
<view style="display: flex;overflow-x: scroll;padding-right: 20rpx;" class="bottom-box" wx:if="{{!isTest}}"> <view style="display: flex;overflow-x: scroll;padding-right: 20rpx;" class="bottom-box" wx:if="{{!isTest}}">
<view class="bd-box" style="background:{{item.bg}};" wx:for="{{bdList}}" wx:key="this"> <view class="bd-box" style="background:{{bdItem.bg}};" wx:for-item="bdItem" wx:for-index="i" wx:for="{{bdList}}" wx:key="i">
<!-- <image class="zz" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/zzIcon.png" mode=""/> --> <!-- <image class="zz" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/zzIcon.png" mode=""/> -->
<view class="bd-top"> <view class="bd-top">
<image class="bd-type" src="{{item.icon}}" mode=""/> <image class="bd-type" src="{{bdItem.icon}}" mode=""/>
<view bindtap="moreBtn" class="bd-more" data-item="{{item}}">更多 ></view> <view bindtap="moreBtn" class="bd-more" data-item="{{bdItem}}">更多 ></view>
</view> </view>
<view wx:if="{{index==0}}" style="position: relative;z-index: 9;"> <view style="position: relative;z-index: 9;">
<view data-url="/pages/info/sceneProductInfo/index?id={{item.id}}" style="display: flex;align-items: center;margin-bottom: 20rpx;" wx:for="{{list1}}" wx:key="id" bindtap="gobdDetail"> <view bindtap="gobdDetail" style="display: flex;align-items: center;margin-bottom: 20rpx;" wx:for="{{bdItem.list}}"
wx:key="id" data-item="{{item}}">
<view class="bd-index">{{index+1}}</view> <view class="bd-index">{{index+1}}</view>
<view class="bd-item"> <view class="bd-item">
<image class="bd-item-img" src="{{item.headimg}}" mode=""/> <image class="bd-item-img" src="{{item.headimg}}" mode=""/>
@ -218,70 +235,136 @@
</view> </view>
<view class="bd-item-bottom"> <view class="bd-item-bottom">
<view class="bd-price">{{item.price/100}}</view> <view class="bd-price">{{item.price/100}}</view>
<view class="bd-distance" wx:if="{{item.distance}}">{{item.distance}}</view> <!-- <view class="bd-distance" wx:if="{{item.distance}}">{{item.distance}}</view> -->
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view wx:if="{{index==1}}" style="position: relative;z-index: 9;">
<view bindtap="gobdDetail" data-url="/pages/info/postProductInfo/index?id={{item.id}}" style="display: flex;align-items: center;margin-bottom: 20rpx;" wx:for="{{list2}}" wx:key="id"> </view>
<view class="bd-index">{{index+1}}</view> </view>
<view class="bd-item">
<image class="bd-item-img" src="{{item.headimg}}" mode="aspectFill"/> </view>
<view class="bd-item-content">
<view class="bd-item-title textOver2"> <view class="content" wx:else>
{{item.title}} <!-- 高峰预警、实时路况及几个板块 -->
</view> <view class="main-box" >
<view class="bd-item-bottom"> <!-- 上面的高峰预警、实时路况 -->
<view class="bd-price">{{item.price/100}}</view> <view class="main-box-top">
<view class="bd-distance" wx:if="{{item.distance}}">{{(item.distance/1000)}}km</view> <image data-title="景区舒适度"
</view> data-url="https://m.cloud.sz-trip.com/aiPlay" class="gfyj" src="https://static.ticket.sz-trip.com/uploads/20240923/c4115b53ebfe5ae3c49bdb4f5f026726.png" mode=""/>
</view> <image class="sslk"
</view> src="https://static.ticket.sz-trip.com/uploads/20240923/3ac9e07109e38dbbcd43bc3140c62e89.png" mode=""/>
</view>
</view> </view>
<view wx:if="{{index==2}}" style="position: relative;z-index: 9;"> <!-- 下面几大板块 -->
<view bindtap="gobdDetail" data-url="/pages/info/roadInfo/index?id={{item.id}}" style="display: flex;align-items: center;margin-bottom: 20rpx;" wx:for="{{list3}}" wx:key="id"> <view class="slide-out-box">
<view class="bd-index">{{index+1}}</view> <scroll-view scroll-x bindscroll="listenScroll" class="slide-box no-scrollbar">
<view class="bd-item"> <view class="pbservice no-scrollbar" style="margin-bottom:30rpx;width: fit-content;">
<image class="bd-item-img" src="{{item.headimg}}" mode=""/> <view bindtap="gotoPath" data-event="ticket_click" style="margin-left: 10rpx;" data-title="景点门票" data-path="/pages/list/scene/index" class="pbservice-item">
<view class="bd-item-content"> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jdmp.png" mode="widthFix"></image>
<view class="bd-item-title textOver2"> <view class="text">景点门票</view>
{{item.title}} </view>
</view> <view bindtap="gotoPath" data-event="night_sz" data-title="夜游苏州" data-path="/pages/list/night/index" class="pbservice-item">
<view class="bd-item-bottom"> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yysz.png" mode="widthFix"></image>
<view class="bd-price">{{item.price/100}}</view> <view class="text">夜游苏州</view>
<view class="bd-distance" wx:if="{{item.distance}}">{{(item.distance/1000)}}km</view> </view>
</view>
<view bindtap="gotoPath" data-event="show" data-title="剧场演出" data-path="/pages/list/{{isTest?'activity':'theatre'}}/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jcyc.png" mode="widthFix"></image>
<view class="text">剧场演出</view>
</view> </view>
<view bindtap="gotoPath" data-event="museum" data-title="场馆预约" data-path="/pages/list/{{isTest?'scene':'museum'}}/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/cgyy.png" mode="widthFix"></image>
<view class="text">场馆预约</view>
</view>
</view> </view>
</scroll-view>
<view class="scroll-line">
<view class="scroll-line-bg" wx:if="{{scrollLeft == 0}}" style="width:25rpx;"></view>
<view class="scroll-line-bg2" wx:else style="width:25rpx;"></view>
</view> </view>
</view> </view>
<view wx:if="{{index==3}}" style="position: relative;z-index: 9;"> </view>
<view bindtap="gobdDetail" data-url="/pages/info/sceneProductInfo/index?id={{item.scene_id}}" style="display: flex;align-items: center;margin-bottom: 20rpx;" wx:for="{{list4}}" wx:key="id"> <!-- 小轮播 -->
<view class="bd-index">{{index+1}}</view> <view class="small-swiper-box">
<view class="bd-item"> <swiper class="small-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}"
<image class="bd-item-img" src="{{item.headimg}}" mode=""/> bindchange="changeSmBannerIndex">
<view class="bd-item-content"> <block wx:for="{{xiaobanner}}" wx:key="index">
<view class="bd-item-title textOver2"> <swiper-item bindtap="bannerClick" data-item="{{item}}">
{{item.title}} <image style="border-radius:13rpx" src="{{item.head_img}}" mode="aspectFill"></image>
</view> </swiper-item>
<view class="bd-item-bottom"> </block>
<view class="bd-price">{{item.price/100}}</view> </swiper>
<view class="bd-distance" wx:if="{{item.distance}}">{{(item.distance/1000)}}km</view> <view class="dot-list com-flex sm-dot-list">
</view> <view class="dot{{smBannerIndex==index?' active':''}}" wx:for="{{xiaobanner}}" wx:key="index"></view>
</view> </view>
</view> </view>
<!-- 游苏州 -->
<view class="sale-road-boxes" style="margin: 0 26.67rpx;">
<view style="margin-bottom:6rpx;">
<image style="width: 333rpx;height: 80rpx;margin-bottom: 14.67rpx;" src="https://static.ticket.sz-trip.com/uploads/20240923/2e6fb944c77767ef49602e7ae0b3e12d.png" mode=""/>
<view>
<text style="padding: 11.33rpx 18rpx;" class="hdrlNav{{index==yszIndex?' hdrlNavActive':''}}" wx:for="{{yszNav}}" data-index="{{index}}" bindtap="changeType" wx:key="this">{{item}}</text>
</view> </view>
</view> </view>
<image style="width: 192rpx;height: 164rpx;" src="https://static.ticket.sz-trip.com/uploads/20240923/ad8c0a411610938ec234d0afc864ccff.png" mode=""/>
</view> </view>
</view> <view class="ysz-box {{yszIndex==1?'ysz-box2':''}}">
<view wx:if="{{yszIndex == 0}}" style="margin: 20rpx 14rpx 0;">
<view class="pbservice ggfw-list" style="width:100%;overflow-x: auto;">
<view bindtap="gotoUrl" data-event="sbk" data-title="电子社保卡" data-url="https://m.cloud.sz-trip.com/sbkLogin" class="pbservice-item ggfw">
<image src="https://static.ticket.sz-trip.com/uploads/20240923/4c0ee81974879d5160b932a7e526e90d.png" mode="widthFix"></image>
<view>电子社保卡</view>
</view>
<view bindtap="gotoUrl" data-event="comfort_click" data-title="高峰预警"
data-url="https://wlsjzx.zdhxwl.cn/kt_h5/index.html#/morecopy"
class="pbservice-item ggfw" >
<image src="https://static.ticket.sz-trip.com/uploads/20240923/43f561c40ef50aafa30a0a637fb016fb.png" mode="widthFix"></image>
<view>高峰预警</view>
</view>
<view bindtap="gotoUrl" data-event="xlqc"
data-url="https://weixin.2500sz.net/zt/2023/07/luggage_storage/" class="pbservice-item ggfw" >
<image src="https://static.ticket.sz-trip.com/uploads/20240923/d59d84a7d728f4b2671b5d2e52d1d72e.png" mode="widthFix"></image>
<view>行李寄存</view>
</view>
<view bindtap="gotoUrl" data-event="xlqc"
data-url="https://jiaotonghao2.amap.com/?channel=amap&unitId=257&src=app_share#/" class="pbservice-item ggfw">
<image src="https://static.ticket.sz-trip.com/uploads/20240923/18818826384a788ab7ac457572174b39.png" mode="widthFix"></image>
<view>实时路况</view>
</view>
<!-- <view bindtap="gotoPath" data-event="security_home_click" data-title="安全服务" data-path="/pages/pbService/security/index" class="pbservice-item ggfw">
<image src="https://static.ticket.sz-trip.com/uploads/20240923/38fa0db45de3290d44341699dd81d8b8.png" mode="widthFix"></image>
<view>安全服务</view>
</view> -->
</view>
<navigator class="ysz-more" url="/pages/pbService/index" catchtap="pagePoint" data-event="public_view">
查看更多 >
</navigator>
</view>
<view wx:else>
<view class="pic-list" style="margin-top:20rpx" >
<image class="new-pic" bindtap="gotoUrl" data-event="dou_click" data-title="抖in苏州"
data-url="https://m.cloud.sz-trip.com/ShakeInDetailList?id=350&class_id=27&index=1"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/douyin.png" mode="aspectFill"></image>
<image class="new-pic" bindtap="audioGuide" data-event="voice_click"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yuyin.png" mode="aspectFill">
</image>
<image class="new-pic" bindtap="gotoPath" data-event="guide_click" data-title="游记攻略" data-path="/pages/list/strategy/index"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/youji.png" mode="aspectFill"></image>
</view>
</view>
</view>
</view> </view>
<!-- 开屏页 --> <!-- 开屏页 -->
<view class="fullavd" wx:if="{{showFullAdv && startList.head_img}}" style="opacity: {{opacity}}"> <view class="fullavd" wx:if="{{showFullAdv && startList.head_img}}" style="opacity: {{opacity}}">
<view class="time" bindtap="closeFullAdv" wx:if="{{showTime && startList.media_type}}">{{time}}s跳过</view> <view class="time" bindtap="closeFullAdv" wx:if="{{showTime && startList.media_type}}">{{time}}s跳过</view>

49
subPackages/indexGQ/index.wxss

@ -571,7 +571,7 @@ page {
/* 元旦修改 新增样式 */ /* 元旦修改 新增样式 */
.scroll-line-bg2 { .scroll-line-bg2 {
margin-left: 24rpx; margin-left: 24rpx;
background: #078565; background: #FF4848;
height: 8rpx; height: 8rpx;
border-radius: 4rpx; border-radius: 4rpx;
} }
@ -1040,10 +1040,13 @@ page {
/* margin-bottom: 26.67rpx; */ /* margin-bottom: 26.67rpx; */
} }
.ggfw-list{
display: flex;
justify-content: space-around;
}
.ggfw { .ggfw {
width: 132rpx; width: auto;
margin:0 22rpx; margin:0;
} }
.ggfw image{ .ggfw image{
margin-bottom: 16.67rpx; margin-bottom: 16.67rpx;
@ -1182,7 +1185,7 @@ page {
height: 53rpx; height: 53rpx;
background: rgba(255,250,245,0.3); background: rgba(255,250,245,0.3);
border-radius: 13rpx; border-radius: 13rpx;
border: 1px solid #FFFFFF; /* border: 1px solid #FFFFFF; */
font-size: 32rpx; font-size: 32rpx;
color: #FFFFFF; color: #FFFFFF;
@ -1205,12 +1208,13 @@ page {
background-size: 100% 100%; background-size: 100% 100%;
} }
.hdrlItem-img { .hdrlItem-img {
width: 280rpx; width: 240rpx;
height: 213rpx; height: 213rpx;
background: #8C8C8C; background: #8C8C8C;
border-radius: 13rpx; border-radius: 13rpx;
flex-shrink: 0; flex-shrink: 0;
margin-right: 12rpx; margin-right: 12rpx;
overflow: hidden;
} }
.hdrlItem-content { .hdrlItem-content {
display: flex; display: flex;
@ -1446,3 +1450,36 @@ page {
.one::-webkit-scrollbar{ .one::-webkit-scrollbar{
display:none; display:none;
} }
.date-container{
position: relative;
}
.nowDate{
display: flex;
position: absolute;
left: 228.77rpx;
bottom: 7.33rpx;
}
.nowDate>view{
width: 44rpx;
height: 44rpx;
border-radius: 7rpx;
text-align: center;
line-height: 44rpx;
font-family: PingFang SC;
font-weight: 500;
font-size: 29rpx;
color: #FFFFFF;
}
.nowDate .num{
background: #FFEBD5;
color: #111111;
font-family: PingFang SC;
/* font-weight: bold; */
font-size: 29rpx;
color: #111111;
}
Loading…
Cancel
Save