wlt/ai-dimension
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 所有页面卡片背景统一替换为 var(--glass-bg) 确保玻璃效果一致

Browse Source
This commit is contained in:
Yuzhiran Dev
2026-07-11 15:05:43 +08:00
parent 0709e457b3
commit 8149d2a93c
13 changed files with 46 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/achievements/achievements.vue
+4 -4
View File
@@ -192,8 +192,8 @@ function formatDate(dateStr) {
// 总览卡片
.overview-card {
padding: 16px 18px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 14px;
margin-bottom: 20px;
}
@@ -262,8 +262,8 @@ function formatDate(dateStr) {
align-items: center;
gap: 12px;
padding: 12px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 12px;
}
client/src/pages/chat/chat.vue
+2 -2
View File
@@ -306,8 +306,8 @@ function goShare() {
// 欢迎卡片
.welcome-card {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 14px;
padding: 16px;
margin-bottom: 16px;
client/src/pages/detail/detail.vue
+4 -5
View File
@@ -299,8 +299,8 @@ function goToAI() {
.content-section,
.content-block,
.qa-section {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 12px;
padding: 16px;
margin-bottom: 12px;
@@ -368,15 +368,14 @@ function goToAI() {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 12px;
.qa-option {
display: flex;
align-items: center;
gap: 12px;
padding: 12px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.08);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 10px;
transition: all 0.3s;
client/src/pages/dimension/dimension.vue
+2 -2
View File
@@ -225,8 +225,8 @@ function goDetail(item) {
border-radius: 14px;
padding: 16px;
margin-bottom: 10px;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.05);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
display: flex;
gap: 14px;
align-items: flex-start;
client/src/pages/favorites/favorites.vue
+2 -2
View File
@@ -158,8 +158,8 @@ function goHome() {
flex-direction: column;
gap: 8px;
padding: 16px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 14px;
backdrop-filter: blur(8px);
}
client/src/pages/feedback/feedback.vue
+8 -8
View File
@@ -284,8 +284,8 @@ function goBack() {
.type-btn {
padding: 10px 6px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 10px;
display: flex;
flex-direction: column;
@@ -313,8 +313,8 @@ function goBack() {
.form-input {
width: 100%;
height: 44px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.08);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 10px;
padding: 0 14px;
font-size: 14px;
@@ -327,8 +327,8 @@ function goBack() {
.form-textarea {
width: 100%;
min-height: 100px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.08);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 10px;
padding: 12px 14px;
font-size: 14px;
@@ -386,8 +386,8 @@ function goBack() {
}
.my-item {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 10px;
padding: 10px 14px;
margin-bottom: 8px;
client/src/pages/leaderboard/leaderboard.vue
+2 -2
View File
@@ -194,8 +194,8 @@ function dimDotColor(id) {
align-items: center;
gap: 12px;
padding: 12px 14px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 14px;
}
client/src/pages/news/news.vue
+6 -5
View File
@@ -257,8 +257,9 @@ onMounted(() => {
gap: 16px;
margin: 0 20px 20px;
padding: 16px;
background: rgba(255,255,255,0.02);
background: var(--glass-bg);
border-radius: 12px;
border: 1px solid var(--glass-border);
}
.meta-item {
@@ -323,8 +324,8 @@ onMounted(() => {
.tag-item {
padding: 6px 12px;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 20px;
}
@@ -344,8 +345,8 @@ onMounted(() => {
justify-content: center;
gap: 8px;
padding: 14px;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 12px;
}
client/src/pages/payment/payment.vue
+6 -6
View File
@@ -244,8 +244,8 @@ function goBack() {
.plan-tag {
flex: 1;
padding: 16px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.08);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 14px;
text-align: center;
position: relative;
@@ -306,8 +306,8 @@ function goBack() {
// 权益
.benefits {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 14px;
padding: 16px;
margin-bottom: 20px;
@@ -351,8 +351,8 @@ function goBack() {
.duration-item {
flex: 1;
padding: 12px 8px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.08);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 12px;
text-align: center;
}
client/src/pages/profile/profile.vue
+2 -2
View File
@@ -404,8 +404,8 @@ function goSettings() {
border-radius: 16px;
padding: 16px;
margin-bottom: 20px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
}
.quota-card-title {
client/src/pages/progress/progress.vue
+2 -2
View File
@@ -344,8 +344,8 @@ function goBack() {
// 维度卡片
.dim-card {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 14px;
margin-bottom: 10px;
overflow: hidden;
client/src/pages/search/search.vue
+4 -4
View File
@@ -227,8 +227,8 @@ onUnmounted(() => {
position: relative;
margin: 0 20px 16px;
flex-shrink: 0;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.08);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 14px;
padding: 10px 44px 10px 14px;
backdrop-filter: blur(10px);
@@ -317,8 +317,8 @@ onUnmounted(() => {
}
.result-card {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 14px;
padding: 14px 16px;
margin-bottom: 10px;
client/src/pages/trend/trend.vue
+2 -2
View File
@@ -243,8 +243,8 @@ function getSampleData() {
}
.trend-card {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 14px;
padding: 16px;
margin-bottom: 12px;