diff --git a/pages/index/index.wxml b/pages/index/index.wxml
index 8ee28a0..74a2156 100644
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@@ -1,44 +1,6 @@
-
@@ -112,162 +74,60 @@
-
-
-
-
-
-
-
-
- top
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
\ No newline at end of file
diff --git a/pages/index/index.wxss b/pages/index/index.wxss
index dcbcbfb..ffe49c6 100644
--- a/pages/index/index.wxss
+++ b/pages/index/index.wxss
@@ -53,36 +53,18 @@ page {
/* 为整个容器添加修复 */
.top-section-container {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- z-index: 1002;
- background: transparent;
- backdrop-filter: none;
- -webkit-backdrop-filter: none;
- padding: 0 0 10rpx;
- height: auto;
- min-height: auto;
- box-shadow: none;
- border-bottom: none;
+ background: #ffffff;
+ backdrop-filter: blur(10rpx);
+ -webkit-backdrop-filter: blur(10rpx);
+ padding: 20rpx 0 30rpx;
+ margin-top: 140rpx;
+ box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
+ border-bottom: 1rpx solid #e0e0e0;
display: flex;
flex-direction: column;
align-items: center;
- overflow: visible;
- transition: all 0.3s ease;
-}
-
-/* 隐藏广告和功能按钮时的容器样式 */
-.top-section-container.hidden-elements {
- height: 175rpx;
- min-height: 175rpx;
-}
-
-/* 显示广告和功能按钮时的容器样式 */
-.top-section-container.show-elements {
- height: auto;
- min-height: 580rpx;
+ box-sizing: border-box;
+ overflow: hidden;
}
/* 广告轮播图样式 */
@@ -171,13 +153,6 @@ page {
box-shadow: none;
background: transparent;
z-index: 1;
- margin-top: 580rpx;
- transition: all 0.3s ease;
-}
-
-/* 隐藏广告时商品区域上移 */
-.goods-section.with-hidden-header {
- margin-top: 175rpx;
}
/* 标题样式调整 */
@@ -213,10 +188,10 @@ page {
/* 修复商品列表区域 */
.goods-list {
flex: 1;
- padding-top: 580rpx;
+ padding-top: 0;
padding-bottom: 20rpx;
height: auto;
- min-height: calc(100vh - 600rpx); /* 确保有足够的最小高度 */
+ min-height: calc(100vh - 400rpx); /* 调整最小高度 */
box-sizing: border-box;
overflow-y: auto;
-webkit-overflow-scrolling: touch;