From 6a39094090bb96721acd11941d84c84336faefd0 Mon Sep 17 00:00:00 2001
From: zj <1772600164@qq.com>
Date: Fri, 09 Jan 2026 18:59:24 +0800
Subject: [PATCH] 1
---
src/views/Discover.vue | 28 ++++++++++++++++------------
1 files changed, 16 insertions(+), 12 deletions(-)
diff --git a/src/views/Discover.vue b/src/views/Discover.vue
index 5528297..ef9590f 100644
--- a/src/views/Discover.vue
+++ b/src/views/Discover.vue
@@ -236,8 +236,9 @@
.icon-grid {
display: flex;
justify-content: space-around;
- padding: 16px;
- border-bottom: 1px solid $border-light;
+ padding: $spacing-lg;
+ margin-bottom: $spacing-lg;
+ background: $bg-tertiary;
.grid-item {
display: flex;
@@ -255,15 +256,15 @@
font-size: 28px;
&.gift {
- background: $primary-blue;
+ background: $primary;
}
&.shopping {
- background: $primary-blue;
+ background: $primary;
}
&.faucet {
- background: $primary-blue;
+ background: $primary;
}
}
@@ -276,21 +277,24 @@
.category-tabs {
display: flex;
- padding: 12px 16px;
- gap: 16px;
+ padding: $spacing-md $spacing-lg;
+ gap: $spacing-lg;
overflow-x: auto;
- border-bottom: 1px solid $border-light;
+ margin-bottom: $spacing-lg;
+ background: $bg-tertiary;
.category-tab {
font-size: $font-md;
color: $text-secondary;
white-space: nowrap;
+ padding: $spacing-xs $spacing-md;
+ border-radius: $radius-pill;
+ transition: all $transition-base;
&.active {
- color: $text-primary;
- font-weight: 500;
- border-bottom: 2px solid $primary-blue;
- padding-bottom: 8px;
+ color: $primary;
+ font-weight: 600;
+ background: $primary-light;
}
}
--
Gitblit v1.9.3