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 @@ - - - - - - - - - - - - - - - 入驻 - - - 招商 - - - 管理 - - + @@ -54,7 +16,7 @@ bindinput="onSearchInput" /> - 筛选 + 筛选 @@ -112,162 +74,60 @@ - - - - - - - - - top - - - - - 高级筛选 - - - - - - - {{item.label}} - - - - - - - - - 全部 - - - {{item.label}} - - - - - - - 全部颜色 - - - {{item.label}} - - - - - - - 全部商品 - - - {{item.label}} - - - - - - - 全部规格 - - - {{item.label}} - - - - - - - 全部蛋黄 - - - {{item.label}} - - - - - - - - 重置 - 应用 - - - - - - - - - - - - - - - - - - + + + + + 入驻 + + + 招商 + + + 管理 + + + + + + + + + + + + - - - - - - - 授权登录 - 授权您的手机号后才能查看商品详情 - - - - - - - - - - - - - 完善个人信息 - - - - - - - - -
- - 昵称 - - - - - - - -
- - - - - -
-
- - - - - - - - - - - - - - - - -
+ \ 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;