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/buy.vue
+10 -10
View File
@@ -84,23 +84,23 @@ async function handlePay() {
}
</script>
<style scoped>
.page { min-height: 100vh; background: #f5f5f5; padding: 20rpx; padding-bottom: 140rpx; box-sizing: border-box; }
.order-card, .pay-card { background: #fff; border-radius: 16rpx; padding: 24rpx 30rpx; margin-bottom: 20rpx; }
.card-title { font-size: 30rpx; font-weight: bold; color: #333; display: block; margin-bottom: 20rpx; padding-bottom: 16rpx; border-bottom: 1rpx solid #f0f0f0; }
<style lang="scss" scoped>
.page { min-height: 100vh; background: #f5f5f5; padding: 20rpx; padding-bottom: 140rpx; box-sizing: border-box; font-family: 'SourceHanSerifCN', '思源宋体', -apple-system, 'PingFang SC', sans-serif; }
.order-card, .pay-card { background: #fff; border-radius: 24rpx; padding: 24rpx 30rpx; margin-bottom: 20rpx; }
.card-title { font-size: 30rpx; font-weight: bold; color: #333; display: block; margin-bottom: 20rpx; padding-bottom: 16rpx; border-bottom: 1rpx solid #eeeeee; }
.order-row { display: flex; justify-content: space-between; align-items: center; padding: 16rpx 0; }
.label { font-size: 28rpx; color: #666; }
.value { font-size: 28rpx; color: #333; }
.value.price { color: #E74C3C; font-weight: bold; font-size: 36rpx; }
.value.price { color: #e53935; font-weight: bold; font-size: 36rpx; }
.pay-option { display: flex; align-items: center; padding: 20rpx 0; }
.pay-option.active { color: #4A90D9; }
.pay-option.active { color: #3c9cff; }
.pay-icon { font-size: 36rpx; margin-right: 16rpx; }
.pay-name { flex: 1; font-size: 28rpx; }
.pay-check { font-size: 32rpx; color: #4A90D9; font-weight: bold; }
.pay-check { font-size: 32rpx; color: #3c9cff; font-weight: bold; }
.bottom-bar { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; display: flex; align-items: center; padding: 16rpx 30rpx; padding-bottom: calc(16rpx + env(safe-area-inset-bottom)); border-top: 1rpx solid #eee; }
.bottom-price { flex: 1; display: flex; flex-direction: column; }
.bottom-price .label { font-size: 22rpx; color: #999; }
.bottom-price .value { font-size: 40rpx; color: #E74C3C; font-weight: bold; }
.btn-pay { background: #E74C3C; color: #fff; font-size: 30rpx; padding: 20rpx 60rpx; border-radius: 44rpx; border: none; }
.btn-pay[disabled] { background: #F5A8A3; }
.bottom-price .value { font-size: 40rpx; color: #e53935; font-weight: bold; }
.btn-pay { background: #e53935; color: #fff; font-size: 30rpx; padding: 20rpx 60rpx; border-radius: 40rpx; border: none; }
.btn-pay[disabled] { background: #e5e7eb; }
</style>