xuchao/pingxiangcard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: remove local SCSS variables from 9 pages

Browse Source 
Replace with global uni.scss tokens:
$font → $font-family-body
$primary → $uv-primary
$text-* → $uv-main-color/$uv-content-color/$uv-tips-color/$uv-placeholder-color
$divider → $uv-border-color
$card-radius → $radius-lg
$accent → $uv-primary

Kept $bar-height: 120rpx as component-specific local var.
Removed dead $primary-dark: #e89a2a from card-bind.vue (never used).

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
jacobxu666
2026-06-26 10:34:54 +08:00
co-authored by Claude
parent 25a1cc4eb3
commit cfb9a4ce26
9 changed files with 268 additions and 337 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/qrcode/index.vue
+7 -9
View File
@@ -246,10 +246,8 @@ onUnmounted(() => { if (timer) clearInterval(timer) })
</script>
<style lang="scss" scoped>
$font: 'SourceHanSerifCN', '思源宋体', -apple-system, 'PingFang SC', sans-serif;
$primary: #3c9cff;
.page { min-height: 100vh; background: #f7f8fa; font-family: $font; }
.page { min-height: 100vh; background: #f7f8fa; font-family: $font-family-body; }
.scroll-content { height: 100vh; }
/* === 空状态 === */
@@ -259,7 +257,7 @@ $primary: #3c9cff;
}
.empty-icon-card {
width: 120rpx; height: 80rpx; border-radius: 24rpx;
background: linear-gradient(135deg, $primary, #398ade);
background: linear-gradient(135deg, $uv-primary, #398ade);
display: flex; flex-direction: column; justify-content: center;
padding: 16rpx; gap: 8rpx; margin-bottom: 32rpx;
}
@@ -268,7 +266,7 @@ $primary: #3c9cff;
.empty-text { font-size: 32rpx; font-weight: 700; color: #111111; margin-bottom: 12rpx; }
.empty-desc { font-size: 26rpx; color: #666666; margin-bottom: 40rpx; }
.empty-btn {
background: $primary; border-radius: 44rpx; padding: 20rpx 80rpx;
background: $uv-primary; border-radius: 44rpx; padding: 20rpx 80rpx;
min-height: 88rpx; display: flex; align-items: center; justify-content: center;
margin-bottom: 20rpx; transition: opacity 150ms;
}
@@ -331,12 +329,12 @@ $primary: #3c9cff;
}
.zoom-icon {
width: 24rpx; height: 24rpx;
border: 3rpx solid $primary; border-radius: 50%;
border: 3rpx solid $uv-primary; border-radius: 50%;
position: relative;
}
.zoom-icon::after {
content: ''; width: 8rpx; height: 3rpx;
background: $primary; position: absolute;
background: $uv-primary; position: absolute;
bottom: -4rpx; right: -4rpx;
transform: rotate(45deg); border-radius: 2rpx;
}
@@ -352,8 +350,8 @@ $primary: #3c9cff;
.detail-value-wrap { display: flex; align-items: center; gap: 12rpx; }
.detail-value { font-size: 26rpx; color: #333333; }
.copy-btn {
font-size: 22rpx; color: $primary;
padding: 4rpx 16rpx; border: 1rpx solid $primary;
font-size: 22rpx; color: $uv-primary;
padding: 4rpx 16rpx; border: 1rpx solid $uv-primary;
border-radius: 8rpx; transition: opacity 150ms;
}
.copy-btn:active { opacity: 0.6; }