From 9ee6977fe5a66f3a2720751399eaa6e4f385481f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Dchenxuelian=E2=80=9C?= <“chenxuelian@cjiedata.com”> Date: Mon, 19 Dec 2022 10:38:13 +0800 Subject: [PATCH] =?UTF-8?q?=E5=88=86=E7=B1=BB=E9=A1=B5=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../goods-category-search/category-index.vue | 27 ++++++++++--------- 1 file changed, 14 insertions(+), 13 deletions(-) diff --git a/packageSearch/goods-category-search/category-index.vue b/packageSearch/goods-category-search/category-index.vue index d1ee36b..143f3aa 100644 --- a/packageSearch/goods-category-search/category-index.vue +++ b/packageSearch/goods-category-search/category-index.vue @@ -70,7 +70,7 @@ + style="width: 170rpx;height: 100%;"> @@ -657,7 +657,7 @@ height: calc(100% - 210rpx); .goods-item { - padding: 16rpx; + padding: 0; margin-bottom: 10rpx; display: flex; background: #FFFFFF; @@ -665,7 +665,7 @@ border-bottom: 1px solid #EEEEEE; .left { - width: 170rpx; + width: 190rpx; position: relative; .image { @@ -675,17 +675,17 @@ .tag { position: absolute; - top: 20rpx; + top: 26rpx; right: 0; float: right; .tag-content { - padding: 16rpx; + padding: 12rpx; border-radius: 25rpx 0 0 25rpx; line-height: 14rpx; - background-color: #0DB658; + background: linear-gradient(135deg, #0DB658 0%, #16DD6D 100%);; color: #fff; - font-size: 24rpx; + font-size: 20rpx; width: fit-content; } } @@ -700,16 +700,17 @@ font-family: PingFangSC-Medium, PingFang SC; font-weight: bold; color: #E10707; - line-height: 56rpx; + line-height: 46rpx; white-space: nowrap; } .describe { - font-size: 33rpx; + font-size: 30rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #3E3E3E; line-height: 37rpx; + margin: 10rpx 0; word-break: break-all; text-overflow: ellipsis; @@ -723,7 +724,7 @@ .publish-date { color: #A3A3A3; font-size: 26rpx; - line-height: 64rpx; + line-height: 48rpx; .publish-date-box { display: flex; @@ -733,12 +734,12 @@ .tag { .tag-content { - padding: 16rpx; + padding: 10rpx 18rpx; border-radius: 25rpx; - line-height: 14rpx; + line-height: 13rpx; background-color: #FDD96A; color: #fff; - font-size: 24rpx; + font-size: 22rpx; width: fit-content; } }