From 096c08977d2596d023e362ce2c3ff3ac054ea4ad Mon Sep 17 00:00:00 2001
From: lin <1005713861@163.com>
Date: Thu, 14 May 2026 17:51:17 +0800
Subject: [PATCH] UI：购有趣 我的、商品详情、首页样式调整及隐藏详情积分
---
static/css/index.css | 44 +++++++++++++++++++++++++++-----------------
1 files changed, 27 insertions(+), 17 deletions(-)
diff --git a/static/css/index.css b/static/css/index.css
index 5fef544..8b7ce57 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -12,8 +12,13 @@
flex-direction: column;
min-height: 100vh;
position: relative;
- padding-top: 50upx;
+ padding-top: 50rpx;
}
+/* #ifndef H5 */
+.page-container {
+ padding-top: var(--status-bar-height);
+}
+/* #endif */
.page-bg {
position: absolute;
@@ -92,12 +97,16 @@
flex-wrap: wrap; /* 确保子元素换行 */
}
.cates-v{
- width: 25%;
+ width: 190rpx;
margin-bottom: 0upx;
+ margin-left: 30rpx;
+}
+.cates-v:nth-child(1) {
+ margin-left: 0;
}
.cates-v-icon{
- width: 90rpx;
- height: 90rpx;
+ width: 140rpx;
+ height: 140rpx;
display: block;
margin: 40upx auto 20upx;
border-radius: 10upx;
@@ -287,7 +296,7 @@
margin: 30upx auto 30upx;
z-index: 99;
height: 90upx;
- background-color: #e3b400;
+ background-color: #37AA25;
color: #ffffff;
letter-spacing: 10upx;
display: flex;
@@ -302,16 +311,16 @@
margin: 0 auto;
}
.hLogoView{
- /* display: flex;
- align-items: center; */
+ display: flex;
+ align-items: center;
}
.h-logo{
- width: 154rpx;
- height: 52rpx;
+ width: 118rpx;
+ height: 38rpx;
}
.hLogo-1{
margin: 0 30upx;
- margin-bottom: 20rpx;
+ /* margin-bottom: 20rpx; */
}
.hLogo-2{
position: relative;
@@ -331,7 +340,7 @@
height: 50rpx;
line-height: 50rpx;
border-radius: 25rpx;
- background-color: #4766FE;
+ background-color: #37AA25;
color: #ffffff;
}
.hLogo-2 .s-icon{
@@ -525,8 +534,8 @@
.ad2{
width: 96%;
- margin: 0upx auto 20upx;
- height: 500rpx;
+ margin: 30upx auto 30upx;
+ height: 240rpx;
}
.ad2 image{
width: 100%;
@@ -535,14 +544,15 @@
.d3-wrap {
width: 96%;
margin: 10upx auto 20upx;
- height: 278rpx;
+ height: 216rpx;
display: flex;
align-items: center;
justify-content: space-between;
+ gap: 20rpx;
}
.ad3{
width: 50%;
- height: 278rpx;
+ height: 216rpx;
}
.ad3 image{
width: 100%;
@@ -554,7 +564,7 @@
}
.ad4 {
width: 50%;
- height: 278rpx;
+ height: 216rpx;
}
.ca-ad{
@@ -618,7 +628,7 @@
text-align: center;
color: #ffffff;
line-height: 54rpx;
- background: #4766FE;
+ background: #37AA25;
border-radius: 62rpx 62rpx 62rpx 62rpx;
}
.c-goods{
--
Gitblit v1.9.3