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

refactor: 全项目 UI/UX 标准化修复

Browse Source 
- P0: uni.scss 全局 Token 修正（字体SourceHanSerifCN、色彩#111/#333/#666/#999/#eeeeee、删除600字重）
- P0: 分包6页面色彩迁移（#4A90D9→#3c9cff、#E74C3C→#e53935、圆角统一24rpx）
- P1: qrcode页面全量SCSS迁移（12个硬编码色值替换、emoji图标替换、圆角统一）
- P1: index页面价格色修正（#f9ae3d→#e53935、按钮主色统一、硬编码字号对齐）
- P2: 10个页面字号/圆角/字体统一（notice-list/scenic/login/profile/faq/card-bind等）
- P3: 全局 font-weight:600 替换为500/700（5处），删除semibold变量和工具类
- 新增 -size-title: 38rpx Token
- 构建验证通过

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
jacobxu666
2026-06-26 02:50:21 +08:00
co-authored by Claude
parent f67dd63972
commit 4ad874adf9
25 changed files with 167 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/packages/user/pages/card/qrcode.vue
+6 -6
View File
@@ -71,18 +71,18 @@ function showComingSoon() {
}
</script>
<style scoped>
.page { min-height: 100vh; background: #f5f5f5; padding: 20rpx; box-sizing: border-box; }
.card-top { background: linear-gradient(135deg, #4A90D9, #357ABD); border-radius: 20rpx; padding: 30rpx; color: #fff; margin-bottom: -20rpx; }
<style lang="scss" scoped>
.page { min-height: 100vh; background: #f5f5f5; padding: 20rpx; box-sizing: border-box; font-family: 'SourceHanSerifCN', '思源宋体', -apple-system, 'PingFang SC', sans-serif; }
.card-top { background: linear-gradient(135deg, #3c9cff, #398ade); border-radius: 24rpx; padding: 30rpx; color: #fff; margin-bottom: -20rpx; }
.card-label { font-size: 24rpx; opacity: 0.8; display: block; }
.user-name { font-size: 36rpx; font-weight: bold; display: block; margin: 12rpx 0 8rpx; }
.expire-date { font-size: 22rpx; opacity: 0.7; display: block; }
.qr-card { background: #fff; border-radius: 16rpx; padding: 30rpx; margin-top: 30rpx; box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.08); text-align: center; }
.qr-card { background: #fff; border-radius: 24rpx; padding: 30rpx; margin-top: 30rpx; box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.08); text-align: center; }
.qr-area { width: 360rpx; height: 360rpx; margin: 20rpx auto; display: flex; align-items: center; justify-content: center; background: #f8f8f8; border-radius: 12rpx; }
.qr-image { width: 320rpx; height: 320rpx; }
.qr-placeholder { color: #999; font-size: 28rpx; }
.qr-tip { font-size: 24rpx; color: #999; display: block; margin-top: 16rpx; }
.actions { display: flex; gap: 20rpx; padding: 40rpx 20rpx; }
.btn-secondary { flex: 1; height: 88rpx; line-height: 88rpx; background: #fff; color: #4A90D9; border: 2rpx solid #4A90D9; border-radius: 44rpx; font-size: 28rpx; }
.btn-primary { flex: 1; height: 88rpx; line-height: 88rpx; background: #4A90D9; color: #fff; border-radius: 44rpx; font-size: 28rpx; border: none; }
.btn-secondary { flex: 1; height: 88rpx; line-height: 88rpx; background: #fff; color: #3c9cff; border: 2rpx solid #3c9cff; border-radius: 40rpx; font-size: 28rpx; }
.btn-primary { flex: 1; height: 88rpx; line-height: 88rpx; background: #3c9cff; color: #fff; border-radius: 40rpx; font-size: 28rpx; border: none; }
</style>