From f1ce6aefad85026c97f4db41a64cb6ff58839225 Mon Sep 17 00:00:00 2001
From: lin <1005713861@163.com>
Date: Fri, 22 May 2026 10:29:26 +0800
Subject: [PATCH] feat：鹿不选 第一版1.1.0
---
static/css/index.css | 77 +++++++++++++++++++++++++++++++++-----
1 files changed, 66 insertions(+), 11 deletions(-)
diff --git a/static/css/index.css b/static/css/index.css
index 8b7ce57..e9a5fd6 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -25,7 +25,7 @@
top: 0;
left: 0;
width: 100%;
- height: 620rpx;
+ height: 592rpx;
z-index: 0;
}
.content {
@@ -88,7 +88,7 @@
.cates{
width: 100%;
margin: 0;
- margin-top: 190rpx;
+ margin-top: 270rpx;
border-top-right-radius: 30rpx;
border-top-left-radius: 30rpx;
background-color: #ffffff;
@@ -97,12 +97,12 @@
flex-wrap: wrap; /* 确保子元素换行 */
}
.cates-v{
- width: 190rpx;
+ width: 25%;
margin-bottom: 0upx;
- margin-left: 30rpx;
+ /* margin-left: 30rpx; */
}
.cates-v:nth-child(1) {
- margin-left: 0;
+ /* margin-left: 0; */
}
.cates-v-icon{
width: 140rpx;
@@ -112,6 +112,61 @@
border-radius: 10upx;
}
.cates-v view{
+ text-align: center;
+ font-size: 24upx;
+ color: #364153;
+}
+.cates-v-s{
+ width: 190rpx;
+ margin-bottom: 0upx;
+ margin-left: 30rpx;
+ .cates-v-goods-title {
+ display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
+ -webkit-box-orient: vertical; /* 垂直排列 */
+ -webkit-line-clamp: 2; /* 限制显示两行 */
+ overflow: hidden; /* 隐藏超出范围的内容 */
+ text-overflow: ellipsis; /* 使用省略号 */
+ }
+}
+.cates-v-s:nth-child(1) {
+ margin-left: 0;
+}
+.cates-v-s-icon{
+ width: 140rpx;
+ height: 140rpx;
+ display: block;
+ margin: 40upx auto 20upx;
+ border-radius: 10upx;
+}
+.cates-v-s view{
+ text-align: center;
+ font-size: 24upx;
+ color: #364153;
+}
+
+.cates-v-goods-s{
+ width: 200rpx;
+ margin-bottom: 0upx;
+ margin-left: 20rpx;
+ .cates-v-goods-title {
+ display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
+ -webkit-box-orient: vertical; /* 垂直排列 */
+ -webkit-line-clamp: 2; /* 限制显示两行 */
+ overflow: hidden; /* 隐藏超出范围的内容 */
+ text-overflow: ellipsis; /* 使用省略号 */
+ }
+}
+.cates-v-goods-s:nth-child(1) {
+ margin-left: 0;
+}
+.cates-v-goods-s-icon{
+ width: 200rpx;
+ height: 200rpx;
+ display: block;
+ margin: 0upx auto 20upx;
+ border-radius: 10upx;
+}
+.cates-v-goods-s view{
text-align: center;
font-size: 24upx;
color: #364153;
@@ -296,7 +351,7 @@
margin: 30upx auto 30upx;
z-index: 99;
height: 90upx;
- background-color: #37AA25;
+ background-color: #1735C0;
color: #ffffff;
letter-spacing: 10upx;
display: flex;
@@ -340,7 +395,7 @@
height: 50rpx;
line-height: 50rpx;
border-radius: 25rpx;
- background-color: #37AA25;
+ background-color: #1735C0;
color: #ffffff;
}
.hLogo-2 .s-icon{
@@ -544,7 +599,7 @@
.d3-wrap {
width: 96%;
margin: 10upx auto 20upx;
- height: 216rpx;
+ height: 482rpx;
display: flex;
align-items: center;
justify-content: space-between;
@@ -552,7 +607,7 @@
}
.ad3{
width: 50%;
- height: 216rpx;
+ height: 482rpx;
}
.ad3 image{
width: 100%;
@@ -564,7 +619,7 @@
}
.ad4 {
width: 50%;
- height: 216rpx;
+ height: 482rpx;
}
.ca-ad{
@@ -628,7 +683,7 @@
text-align: center;
color: #ffffff;
line-height: 54rpx;
- background: #37AA25;
+ background: #1735C0;
border-radius: 62rpx 62rpx 62rpx 62rpx;
}
.c-goods{
--
Gitblit v1.9.3