|
|
|
@ -58,16 +58,42 @@ page { |
|
|
|
left: 0; |
|
|
|
right: 0; |
|
|
|
z-index: 1002; |
|
|
|
background: rgba(255, 255, 255, 0.95); |
|
|
|
backdrop-filter: blur(10rpx); |
|
|
|
-webkit-backdrop-filter: blur(10rpx); |
|
|
|
padding: 10rpx 0; |
|
|
|
min-height: 120rpx; |
|
|
|
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08); |
|
|
|
border-bottom: 1rpx solid rgba(0, 0, 0, 0.05); |
|
|
|
background: transparent; |
|
|
|
backdrop-filter: none; |
|
|
|
-webkit-backdrop-filter: none; |
|
|
|
padding: 0 0 10rpx; |
|
|
|
min-height: 480rpx; |
|
|
|
box-shadow: none; |
|
|
|
border-bottom: none; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
overflow: visible; |
|
|
|
} |
|
|
|
|
|
|
|
/* 广告轮播图样式 */ |
|
|
|
.ad-carousel { |
|
|
|
width: 100%; |
|
|
|
margin: 0; |
|
|
|
overflow: hidden; |
|
|
|
border-radius: 0; |
|
|
|
box-shadow: none; |
|
|
|
height: 320rpx; |
|
|
|
position: relative; |
|
|
|
z-index: 1000; |
|
|
|
} |
|
|
|
|
|
|
|
.ad-swiper { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.ad-image { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
object-fit: cover; |
|
|
|
border-radius: 0; |
|
|
|
background-color: #f5f5f5; |
|
|
|
} |
|
|
|
|
|
|
|
/* 确保所有主要区域背景一致 */ |
|
|
|
@ -107,14 +133,16 @@ page { |
|
|
|
.top-section-container .search-section { |
|
|
|
padding: 0 30rpx 15rpx; |
|
|
|
width: 100%; |
|
|
|
max-width: 800rpx; |
|
|
|
max-width: 850rpx; |
|
|
|
} |
|
|
|
|
|
|
|
/* 搜索框样式 */ |
|
|
|
.top-section-container .search-bar { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
background: white; |
|
|
|
background: rgba(255, 255, 255, 0.9); |
|
|
|
backdrop-filter: blur(10rpx); |
|
|
|
-webkit-backdrop-filter: blur(10rpx); |
|
|
|
border-radius: 50rpx; |
|
|
|
padding: 5rpx 15rpx; |
|
|
|
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1); |
|
|
|
@ -124,10 +152,10 @@ page { |
|
|
|
/* 修复商品列表区域 */ |
|
|
|
.goods-list { |
|
|
|
flex: 1; |
|
|
|
padding-top: 240rpx; |
|
|
|
padding-top: 500rpx; |
|
|
|
padding-bottom: 20rpx; |
|
|
|
height: auto; |
|
|
|
min-height: calc(100vh - 260rpx); /* 确保有足够的最小高度 */ |
|
|
|
min-height: calc(100vh - 520rpx); /* 确保有足够的最小高度 */ |
|
|
|
box-sizing: border-box; |
|
|
|
overflow-y: auto; |
|
|
|
-webkit-overflow-scrolling: touch; |
|
|
|
@ -136,18 +164,15 @@ page { |
|
|
|
|
|
|
|
/* 品种筛选区域调整 - 确保在商品图层之上,搜索框之下 */ |
|
|
|
.category-section { |
|
|
|
position: fixed; |
|
|
|
top: 150rpx; |
|
|
|
left: 0; |
|
|
|
right: 0; |
|
|
|
z-index: 1001; |
|
|
|
width: 100%; |
|
|
|
max-width: 850rpx; |
|
|
|
background: transparent; |
|
|
|
padding: 6rpx 0; |
|
|
|
padding: 10rpx 0; |
|
|
|
height: auto; |
|
|
|
min-height: 70rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
box-shadow: none; |
|
|
|
margin: 0; |
|
|
|
margin: 0 auto 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
/* iOS专用修复 */ |
|
|
|
|