diff --git a/packageSearch/goods-category-search/category-index.vue b/packageSearch/goods-category-search/category-index.vue index d1ee36b..cac1f73 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%;"> @@ -615,7 +615,6 @@ white-space: nowrap; overflow: auto; line-height: 90rpx; - ; .category-tag { margin-right: 15rpx; @@ -657,7 +656,7 @@ height: calc(100% - 210rpx); .goods-item { - padding: 16rpx; + padding: 0; margin-bottom: 10rpx; display: flex; background: #FFFFFF; @@ -665,7 +664,7 @@ border-bottom: 1px solid #EEEEEE; .left { - width: 170rpx; + width: 190rpx; position: relative; .image { @@ -675,17 +674,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 +699,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: 5rpx 0 10rpx 0; word-break: break-all; text-overflow: ellipsis; @@ -723,7 +723,8 @@ .publish-date { color: #A3A3A3; font-size: 26rpx; - line-height: 64rpx; + line-height: 30rpx; + margin: 14rpx 0 8rpx 0; .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; } }