- - + + - + {{item.title}} - - + + - - - - - - - - - - - - - - + + + + + + + + + + + + + - - - - - - + + + + + + + + - - - - - - - - - {{item.title}} - - {{item.price/100}} + + + + + + + + {{item.title}} + + {{item.price/100}} + + - - - - - - - - - - - - - + + + + + + + + + + + + - - - - - - 更多 - - - - - - - - - + + + + + + + + + + - - - - - - - - - - - - - - - - + + + + 更多 + + - - + + + + + + - --> + + + + + + + + - - - - - - - - - - - - 数字非遗 - - - - 数字博物馆 - - - - 数字名人馆 - - - - 云上观展 - - - - 云上文博会 - - - - 精彩回顾 - - - - 文化场馆查询 + + + + + + + + + + + + + + + + + + - - - 美图鉴赏 + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - {{item.name}} + + + + + + + - - - - - - - - - - - - - - {{date}} {{month}} - - - {{item.ext.display_tags[0]}} - {{item.title}} - - - - - - {{item.ext.subtitle}} + + + + + + + + + - - {{item.title}} - - - - {{item.ext.like_number}} + + + + + + + + + + + + + + + {{date}} {{month}} + + + {{item.ext.display_tags[0]}} + {{item.title}} - - - {{item.ext.view_number}} + + + + {{item.ext.subtitle}} + + + {{item.title}} + + + + {{item.ext.like_number}} + + + + {{item.ext.view_number}} + + + + + + + + + + + {{item.title}} + + + {{item.ext.price/100}} + - - - - - - - - - {{item.title}} - - - {{item.ext.price/100}} - + 查看更多 + 暂无更多推荐 - 查看更多 - 暂无更多推荐 + + + + - - - - - - - - + + + + + + + + - {{time}}s跳过 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 活动日历 - - - - - - 场馆预约 - - - - - - - - 剧场演出 - - - - - - - - 夜游苏州 - - - - - - - - - - - - - - - - - - - + {{time}}s跳过 + + - - - - - - - - - - - - - - 数字非遗 - - - - 数字博物馆 - - - - - 云上观展 - - - - 云上文博会 - - - - - 文化场馆查询 - - - - - 书仓 - - + + + - - - 数字公共文化 - - - - - - 云游苏州 - - - - 美图鉴赏 - - - - - - - - - - - - - - - - + + + + + + - - - - - - - \ No newline at end of file diff --git a/subPackages/index/index.wxss b/subPackages/index/index.wxss index 78713d2..ec704bd 100644 --- a/subPackages/index/index.wxss +++ b/subPackages/index/index.wxss @@ -6,7 +6,7 @@ page { .swiper,.swiper image { width: 100%; display: block; - height: 600rpx; + height: 908rpx; } .top-box { @@ -32,15 +32,14 @@ page { flex: 1; width: 100%; height: 64rpx; - border-radius: 0rpx; - color: #15B593; + border-radius: 27rpx; + color: #666666; display: flex; align-items: center; font-size: 25rpx; - background-image: url("https://static.ticket.sz-trip.com/uploads/20250312/6cc354588441d7f89a36a91d7e1edd52.png"); - background-size: 100% 100%; padding: 2rpx 5rpx; box-sizing: border-box; + background: rgba(255, 255, 255, 0.6); } .search-box .iconfont { font-size: 30rpx; @@ -54,7 +53,7 @@ page { z-index: 3; width: 100%; left: 0; - bottom: 20rpx; + bottom: 30rpx; right: 0; display: flex; justify-content: space-between; @@ -62,21 +61,25 @@ page { box-sizing: border-box; } .banner-main image{ - width: 150rpx; - height: 100rpx; + width: 153.33rpx; + height: 133.33rpx; } .main-content{ - background: white; + background-color:#E8F9FA; margin-top: -10rpx; border-radius: 20rpx; position: relative; z-index: 4; + background-image: url("https://static.ticket.sz-trip.com/uploads/20250526/150bd1f9312967bd7d9bedc6dbb8dd48.png"); + background-size: 100% auto; + background-repeat: repeat-y; + padding-top: 63rpx; } .top-icons { display: flex; - padding: 20rpx; + padding:0 20rpx; } .top-icon-item { margin-bottom: 20rpx; @@ -86,19 +89,27 @@ page { text-align: center; flex-shrink: 0; width: 20%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; } .top-icon-item:nth-child(5n){ margin-right: 0; } .top-icon-item image { - width: 86rpx; + width: 100rpx; + height: 100rpx; display: block; - margin: 0 auto; - margin-bottom: 10rpx; + /* margin: 0 auto; */ + /* margin-bottom: 10rpx; */ } .content { margin: 0 25rpx; } +.common-header-img{ + height: 63.33rpx; +} .sale-road-boxes { display: flex; justify-content: space-between; @@ -137,9 +148,7 @@ page { background: linear-gradient(90deg, #F78C56, #FB6044); } -.road-product-bg { - background: linear-gradient(90deg, #35CFB4, #00A6A0); -} + .sale-img { position: absolute; right: 0; @@ -195,70 +204,9 @@ page { margin-top: 33rpx; position: relative; } -.product-tags { - display: flex; - margin-top: 40rpx; - margin-bottom: 50rpx; - overflow-x: auto; -} -.product-tag { - padding: 0 20rpx; - height: 43rpx; - background: #F4F4F4; - border-radius: 21rpx; - font-size: 27rpx; - color: #666; - margin-right: 20rpx; - flex-shrink: 0; -} -.product-tag.active { - background: #0B898E; - color: #fff; -} -.tag-product-list { - display: flex; - flex-wrap: wrap; - justify-content: space-between; -} -.tag-product { - width: 337rpx; - background: #FFFFFF; - box-shadow: -1rpx 1rpx 16rpx 0px rgba(6, 0, 1, 0.1); - border-radius: 13rpx; - margin-bottom: 35rpx; -} -.tag-product image { - display: block; - width: 337rpx; - height: 213rpx; - border-radius: 13rpx 13rpx 0px 0px; -} -.tag-product .product-info { - padding: 20rpx; - padding-bottom: 0; -} -.tag-product .tag-product-title { - font-size: 33rpx; - color: #333333; - font-weight: 500; - margin-bottom: 10rpx; -} -.tag-product .tag-product-address { - color: #999; - font-size: 22rpx; - line-height: 40rpx; - padding-bottom: 10rpx; -} -.tag-product-price-box { - display: flex; - height: 70rpx; - align-items: center; - border-top: 1rpx solid #ccc; - justify-content: space-between; -} -.tag-product .tag-product-address .iconfont { - font-size: 26rpx; -} + + + .price { color: #D62828; font-size: 24rpx; @@ -288,63 +236,51 @@ page { font-size: 31rpx; font-weight: 500; } -/* .pic-list { - display: flex; - justify-content: space-between; - margin: 60rpx 0; -} -.pic-list image { - width: 155.33rpx; - height: 200rpx; - display: block; -} */ -/* 元旦修改 以上两个样式为注释掉的 下面的.pic-list是新改的 */ + .pic-list { width: 100%; display: flex; - margin-right: 26rpx; - display: flex; justify-content: space-between; flex-wrap: wrap; } +.new-pic { + width: 340rpx; + height: 140rpx; + margin-bottom: 20rpx; + } + .title-more { font-size: 27rpx; font-weight: 500; - color: #29305A; + color: #1A9BA7; z-index: 9; width: 173rpx; - height: 80rpx; + height: 63.33rpx; border-radius: 20rpx; text-align: center; display: flex; align-items: center; - justify-content: center; + justify-content: flex-end; } .title-more .iconfont { font-size: 22rpx; } .slide-out-box { - margin-top: 20rpx; + margin-top: 30rpx; border-radius: 27rpx; padding-bottom: 1rpx; margin-bottom: 40rpx; } .pbservice { - /* width: calc(175rpx * 6); */ - /* 元旦修改 */ width: calc(190rpx * 7); display: flex; - margin-top: 30rpx; flex-wrap: wrap; - /* margin-bottom: 60rpx; */ - /* 元旦修改 注释margin-bottom */ } .pbservice-item { /* 元旦修改 截止到注释的width*/ - width: 120rpx; - margin-bottom: 33.33rpx; - margin-right: 62.33rpx; - /* width: 175rpx; */ + width: 158rpx; + margin-bottom: 22rpx; + margin-right: 22rpx; text-align: center; font-size: 25rpx; color: #111111; @@ -358,12 +294,9 @@ page { width: 200rpx; } .pbservice-item image { - /* width: 60rpx; - margin-bottom: 20rpx; - margin-top: 50rpx; */ - /* 元旦修改 以上都是之前的*/ - width: 106rpx; - margin-bottom: 10rpx; + width: 158rpx; + height: 152rpx; + /* margin-bottom: 10rpx; */ } .six-box { margin-top: 43rpx; @@ -518,42 +451,34 @@ page { letter-spacing: 3rpx; font-weight: 500; } -.title-header .icon-fanhui1 { - display: none; -} + .more-btn-text { text-align: center; margin: 20rpx auto; width: 200rpx; height: 67rpx; line-height: 67rpx; - border: 1px solid #169D7E; + border: 1px solid #2BB2D2; font-size: 27rpx; font-family: PingFang SC; font-weight: 500; - color: #169D7E; + color: #2BB2D2; } .scroll-line { - width: 73rpx !important; + width: 34rpx !important; height: 7rpx; - /* background: #DDCEAC; */ - background: #97D0EC; + background: #87E1EC; border-radius: 3rpx; margin: 33.33rpx auto; } .scroll-line-bg { height: 7rpx; - background: #5184B0; - border-radius: 3rpx; -} -/* 元旦修改 新增样式 */ -.scroll-line-bg2 { - margin-left: 37.33rpx; - background: #5184B0; - height: 7rpx; + background: #30A7CD; border-radius: 3rpx; } + + .nomore-tip-btn { position: absolute; left: 0; @@ -561,100 +486,12 @@ page { height: 78rpx; bottom: 0; } -.prize-tip-text { - width: 267rpx; - display: block; - top: 39rpx; - left: 134rpx; - position: absolute; -} -.prize-name { - position: absolute; - text-align: center; - left: 132rpx; - right: 132rpx; - top: 169rpx; - font-size: 31rpx; - color: #333333; -} -.prize-img { - width: 333rpx; - height: 240rpx; - border-radius: 13rpx; - overflow: hidden; - position: absolute; - left: 100rpx; - display: flex; - align-items: center; - justify-content: center; - top: 269rpx; -} -.prize-img image { - display: block; - width: 333rpx; - height: 240rpx; -} -.btn-box { - position: absolute; - width: 400rpx; - height: 87rpx; - left: 67rpx; - bottom: 78rpx; - text-align: center; - line-height: 87rpx; -} -.btn-box image { - display: block; - width: 100%; -} -.btn-box navigator,.btn-box view { - color: #fff; - font-size: 35rpx; - font-weight: bold; - position: absolute; - left: 0; - top: 0; - z-index: 1; - right: 0; -} -.prize-coupon { - width: 293rpx; - height: 227rpx; - position: absolute; - top: 274rpx; - left: 120rpx; - color: #fff; - font-size: 24rpx; - text-align: center; -} -.prize-coupon image { - display: block; - width: 100%; -} -.prize-coupon-money { - position: absolute; - left: 0; - right: 0; - font-size: 80rpx; - font-weight: bold; - line-height: 110rpx; - top: 12rpx; -} -.prize-coupon-money::before{ - content: "¥"; - font-size: 32rpx; -} -.prize-coupon-tip { - position: absolute; - left: 0; - right: 0; - top: 120rpx; -} + .other-plats { display: flex; font-size: 25rpx; text-align: center; - margin-bottom: 30rpx; + margin: 30rpx 0; color: #333333; line-height: 42rpx; flex-wrap: wrap; @@ -664,44 +501,12 @@ page { align-items: center; } .other-plats image { - width: 80rpx; + width: 153.33rpx; display: block; - height: 80rpx; + height: 146.67rpx; margin-bottom: 15rpx; } -.other-plat { - /* 春节新增样式 */ - color: #111111; -} -.other-plat:nth-child(4n){ - margin-right: 0; -} -.old-btn { - position: fixed; - left: 0; - top: 170rpx; - writing-mode:tb-rl; - margin-top: 142rpx; - color: #0B898E; - font-size: 29rpx; - width: 64rpx; - height: 140rpx; - display: flex; - align-items: center; - justify-content: center; - letter-spacing: 3rpx; - background: rgba(255, 255, 255, 0.7); - box-shadow: 0px 0px 13rpx 0px rgba(0, 0, 0, 0.3); - border-radius: 0 13rpx 13rpx 0; - font-weight: 500; - z-index: 1; -} -.top-bg-img { - display: block; - width: 100%; - position: absolute; - left: 0; -} + .dot-list { display: flex; position: absolute; @@ -862,7 +667,7 @@ page { border-radius: 0rpx; overflow: hidden; position: relative; - background-image: url("https://static.ticket.sz-trip.com/uploads/20250312/004153a812042b46ca750146f5259ef7.png"); + background-image: url("https://static.ticket.sz-trip.com/uploads/20250526/90645448ce9a82c91916543bc6c4935c.png"); background-size: 100% 100%; padding: 3rpx; } @@ -903,7 +708,7 @@ page { height: 153rpx; display: flex; margin-bottom: 13rpx; - background-image: url("https://static.ticket.sz-trip.com/uploads/20250312/a41b881279749fba4c506c164914b601.png"); + background-image: url("https://static.ticket.sz-trip.com/uploads/20250526/ed62e372f9c8874f9b50b40f70982202.png"); background-size: 100% 100%; padding: 1rpx; } @@ -981,12 +786,7 @@ page { text-align: center; line-height: 36rpx; } -/* 元旦修改新增样式 */ -.new-pic { - width: 160rpx !important; - height: 220rpx !important; - margin-bottom: 26.67rpx; -} + .ggfw-list { display: flex; @@ -995,9 +795,9 @@ page { } .ggfw-list .ggfw { - width: 30%; - height: 70rpx; - margin-bottom: 20rpx; + width: 220rpx; + height: 72rpx; + margin-bottom: 14rpx; } .ggfw image{ width: 100%; @@ -1012,7 +812,7 @@ page { justify-content: space-between; align-items: center; overflow: scroll; - margin-bottom: 53.33rpx; + margin: 32rpx 0 53.33rpx; z-index: 1; position: relative; } @@ -1134,4 +934,10 @@ page { .xsth-left>image{ max-width: 100%; overflow: hidden; -} \ No newline at end of file +} + +::-webkit-scrollbar{ + width: 0; + height: 0; + color: transparent; +}