diff --git a/pages.json b/pages.json index 7a8102d..244b9bc 100644 --- a/pages.json +++ b/pages.json @@ -257,8 +257,8 @@ } ], "tabBar" : { - "color" : "#999999", - "selectedColor" : "#00AEA0", + "color" : "#CCCCCC", + "selectedColor" : "#2260F6", "borderStyle" : "black", "backgroundColor" : "#ffffff", "fontSize" : "24rpx", diff --git a/pages/index/index.vue b/pages/index/index.vue index 020e85c..9649540 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -27,11 +27,12 @@ - + - {{item.title}} + + 查看更多产品 > @@ -49,7 +50,7 @@ - + @@ -63,13 +64,13 @@ - - + + - + @@ -78,7 +79,7 @@ - + {{item.title}} @@ -89,11 +90,11 @@ - - + + - {{item.title || item.name}} + {{item.title || item.name}} view { width: 20%; @@ -643,30 +649,36 @@ } .title-img { - height: 66.67rpx; - margin: 52rpx 0 24rpx; + // height: 66.67rpx; + // margin: 52rpx 0 24rpx; + height:100rpx; + margin: 52rpx 0 0; } .winnow-box { width: calc(100vw - 26.67rpx); display: flex; overflow-x: auto; + margin-top: -16rpx; &>view { - width: 533rpx; - height: 625rpx; - background: linear-gradient(135deg, rgba(170, 204, 250, .5), rgba(111, 163, 252, .5)); - border-radius: 13rpx; - padding: 0 20rpx; - margin-right: 26rpx; + width: 555.33rpx; + height: 646.67rpx; + // background: linear-gradient(135deg, rgba(170, 204, 250, .5), rgba(111, 163, 252, .5)); + background-image: url("https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/JXBG1.png"); + background-size: 100% 100%; + // border-radius: 13rpx; + padding: 38rpx 30rpx 0; + // margin-right: 26rpx; flex-shrink: 0; .winnow-title { - height: 92rpx; - font-weight: normal; - font-size: 40rpx; - color: #0F74D4; + height: 32rpx; + // font-weight: normal; + // font-size: 40rpx; + // color: #0F74D4; justify-content: baseline; + margin-bottom: 29rpx; span { font-size: 27rpx; @@ -714,7 +726,7 @@ .btn { width: 93rpx; height: 37rpx; - background: #ED1C19; + background: #FF984F; border-radius: 19rpx; text-align: center; line-height: 37rpx; @@ -727,7 +739,8 @@ } } &>view:nth-child(2) { - background: linear-gradient(135deg, rgba(253, 171, 112, .5), rgba(254, 127, 25, .5)); + // background: linear-gradient(135deg, rgba(253, 171, 112, .5), rgba(254, 127, 25, .5)); + background-image: url("https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/JXBG2.png"); .winnow-title { color: #EE710C; @@ -739,17 +752,22 @@ } .calendar-item { - width: 697rpx; - height: 417rpx; - background: rgba(255,255,255,0.6); - box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(89,166,160,0.32); - border-radius: 13rpx; + width: 718.67rpx; + height: 439.33rpx; + // background: rgba(255,255,255,0.6); + // box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(89,166,160,0.32); + background-image: url("https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/THBG.png"); + background-size: 100% 100%; + // border-radius: 13rpx; overflow: hidden; + margin-top: -16rpx; + padding: 8rpx 11.33rpx 0 10.67rpx; .calendar-img { width: 100%; height: 300rpx; display: block; + border-radius: 27rpx 27rpx 0rpx 0rpx; } .calendar-content { @@ -775,13 +793,13 @@ width: 240rpx; height: 53rpx; border-radius: 27rpx; - border: 1rpx solid #CCCCCC; + border: 1rpx solid #fff; text-align: center; line-height: 53rpx; margin: 40rpx auto 0; font-weight: 500; font-size: 28rpx; - color: #111111; + color: #fff; } .travel-img { @@ -794,16 +812,17 @@ flex-wrap: wrap; font-weight: 500; font-size: 25rpx; - color: #111111; + color: #fff; + margin-top: -16rpx; &>view { width: 25%; text-align: center; image { - width: 57.33rpx; - height: 57.33rpx; - margin-bottom: 15rpx; + width: 117.33rpx; + height: 104rpx; + margin-bottom: 6.67rpx; } } &>view:nth-child(n+5) { @@ -812,27 +831,41 @@ } .hot-type { - font-weight: 500; - font-size: 31rpx; - color: #666666; - - .type-active { + margin-top: -16rpx; + &>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; + text-align: center; + line-height: 60rpx; + box-sizing: border-box; font-weight: bold; font-size: 31rpx; - color: #111111; - position: relative; + color: #FFFFFF; } - .type-active::after { - content: ""; - position: absolute; - left: 0; - right: 0; - bottom: -10rpx; - margin: auto; - width: 35rpx; - height: 2px; - background-color: #00C1B1; + + .type-active { + // font-weight: bold; + // 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; } + // .type-active::after { + // content: ""; + // position: absolute; + // left: 0; + // right: 0; + // bottom: -10rpx; + // margin: auto; + // width: 35rpx; + // height: 2px; + // background-color: #00C1B1; + // } } .hot-box { @@ -848,9 +881,12 @@ .hot-item { width: 340rpx; - background: rgba(255,255,255,0.6); - box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(89,166,160,0.32); - border-radius: 13rpx; + height: 400rpx; + background: rgba(255,255,255,0.7); + box-shadow: 0rpx 3rpx 11rpx 0rpx rgba(1,95,145,0.39); + // background-image: url("https://static.ticket.sz-trip.com/changshu/images/index/2025/summer/RMBG.png"); + // background-size: 100% 100%; + border-radius: 27rpx; overflow: hidden; margin-bottom: 20rpx; @@ -859,6 +895,7 @@ .hot-img { width: 340rpx; + height: 266.67rpx; } .play-img { @@ -889,11 +926,12 @@ .tag { height: 37rpx; - border: 1rpx solid #82DFD8; + border-radius: 19rpx; + border: 1px solid #2260F6; padding: 0 10rpx; font-weight: 500; font-size: 24rpx; - color: #00AEA0; + color: #2260F6; overflow-y: hidden; } .tag:nth-child(2) { diff --git a/static/images/home.png b/static/images/home.png index 82ac36a..c3dfb1c 100644 Binary files a/static/images/home.png and b/static/images/home.png differ diff --git a/static/images/map.png b/static/images/map.png index 93e5a4d..2b1c150 100644 Binary files a/static/images/map.png and b/static/images/map.png differ diff --git a/static/images/mine.png b/static/images/mine.png index 54d64d1..bee5826 100644 Binary files a/static/images/mine.png and b/static/images/mine.png differ diff --git a/static/images/selectHome.png b/static/images/selectHome.png index 35c660f..2407186 100644 Binary files a/static/images/selectHome.png and b/static/images/selectHome.png differ diff --git a/static/images/selectMap.png b/static/images/selectMap.png index 9fb1eba..b7e0186 100644 Binary files a/static/images/selectMap.png and b/static/images/selectMap.png differ diff --git a/static/images/selectMine.png b/static/images/selectMine.png index 84a5f77..09cf88e 100644 Binary files a/static/images/selectMine.png and b/static/images/selectMine.png differ