dachui/hfb_sys
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(points): 统一积分商城品牌橙色

Browse Source
This commit is contained in:
yml2213
2026-11-04 20:12:12 +08:00
parent f439e23eb8
commit 543086ff07
3 changed files with 72 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/features/auth/views/MobileProfileView.css
+4 -4
View File
@@ -691,9 +691,9 @@
gap: 12px;
margin: 10px 12px;
padding: 14px 16px;
border: 1px solid #ddd6fe;
border: 1px solid #ffd6bf;
border-radius: 14px;
background: #faf8ff;
background: #fff8f3;
}
.mobile-points-entry div {
@@ -702,13 +702,13 @@
}
.mobile-points-entry span {
color: #7c3aed;
color: #ff6a00;
font-size: 10px;
font-weight: 900;
}
.mobile-points-entry strong {
color: #312e81;
color: #c2410c;
font-size: 15px;
}
frontend/src/features/auth/views/ProfileView.vue
+7 -6
View File
@@ -1041,9 +1041,9 @@ async function savePassword() {
gap: 18px;
margin-top: 18px;
padding: 20px 24px;
border: 1px solid #ddd6fe;
border: 1px solid #ffd6bf;
border-radius: 14px;
background: linear-gradient(135deg, #faf8ff 0%, #fff 72%);
background: linear-gradient(135deg, #fff8f3 0%, #fff 72%);
}
.points-entry-card div {
@@ -1052,13 +1052,13 @@ async function savePassword() {
}
.points-entry-card span {
color: #7c3aed;
color: #ff6a00;
font-size: 10px;
font-weight: 900;
}
.points-entry-card strong {
color: #312e81;
color: #c2410c;
font-size: 19px;
}
@@ -1069,8 +1069,9 @@ async function savePassword() {
}
.points-entry-card :deep(.el-button--primary) {
border: none;
background: #7c3aed;
border: 1px solid #ff6a00 !important;
background: #ff6a00 !important;
box-shadow: 0 6px 14px rgba(255, 106, 0, 0.2) !important;
}
.quality-owner-card.is-active {
frontend/src/features/points/views/PointsMallView.vue
+61 -23
View File
@@ -356,7 +356,7 @@ function sourceLabel(source: string) {
.points-header span,
.product-copy > span {
color: #7c3aed;
color: #ff6a00;
font-size: 11px;
font-weight: 900;
}
@@ -375,10 +375,10 @@ function sourceLabel(source: string) {
.back-button {
min-height: 34px;
padding: 0 13px;
border: 1px solid #ddd6fe;
border: 1px solid #ffd6bf;
border-radius: 17px;
background: #fff;
color: #6d28d9;
color: #d94f00;
font-weight: 800;
}
@@ -411,7 +411,7 @@ function sourceLabel(source: string) {
}
.points-overview strong {
color: #312e81;
color: #c2410c;
font-size: 22px;
font-weight: 900;
}
@@ -422,8 +422,8 @@ function sourceLabel(source: string) {
}
.points-balance {
border-color: #c4b5fd !important;
background: #faf8ff !important;
border-color: #ffbd91 !important;
background: #fff8f3 !important;
}
.points-tabs {
@@ -443,8 +443,8 @@ function sourceLabel(source: string) {
}
.points-tabs button.active {
border-color: #7c3aed;
background: #7c3aed;
border-color: #ff6a00;
background: #ff6a00;
color: #fff;
}
@@ -463,8 +463,8 @@ function sourceLabel(source: string) {
.product-cover {
display: grid;
place-items: center;
background: #f1ebff;
color: #6d28d9;
background: #fff1e8;
color: #d94f00;
font-size: 42px;
font-weight: 900;
}
@@ -509,7 +509,7 @@ function sourceLabel(source: string) {
}
.product-action strong {
color: #7c3aed;
color: #ff6a00;
font-size: 16px;
}
@@ -518,7 +518,7 @@ function sourceLabel(source: string) {
padding: 0 14px;
border: none;
border-radius: 17px;
background: #7c3aed;
background: #ff6a00;
color: #fff;
font-weight: 800;
}
@@ -634,6 +634,13 @@ function sourceLabel(source: string) {
}
:global(.redeem-dialog) {
--el-color-primary: #ff6a00;
--el-color-primary-dark-2: #e65f00;
--el-color-primary-light-3: #ff914d;
--el-color-primary-light-5: #ffad78;
--el-color-primary-light-7: #ffd0ad;
--el-color-primary-light-8: #ffe0c7;
--el-color-primary-light-9: #fff0e5;
display: flex;
max-height: calc(100vh - 24px);
max-height: calc(100dvh - 24px);
@@ -662,9 +669,40 @@ function sourceLabel(source: string) {
border-top: 1px solid #f0f1f4;
}
:global(.redeem-dialog .el-button--primary) {
border-color: #7c3aed;
background: #7c3aed;
:global(
body
.redeem-dialog
.el-dialog__footer
.el-button.el-button--primary:not(.is-plain):not(.is-dashed):not(.is-text):not(.is-link)
) {
border-color: #ff6a00 !important;
background: #ff6a00 !important;
box-shadow: 0 6px 14px rgba(255, 106, 0, 0.2) !important;
}
:global(
body
.redeem-dialog
.el-dialog__footer
.el-button.el-button--primary:not(.is-plain):not(.is-dashed):not(.is-text):not(
.is-link
):hover:not(.is-disabled)
) {
border-color: #e65f00 !important;
background: #e65f00 !important;
}
:global(body .redeem-dialog .el-input__wrapper.is-focus),
:global(body .redeem-dialog .el-input__wrapper:focus-within) {
box-shadow:
0 0 0 1px #ff6a00 inset,
0 0 0 4px rgba(255, 106, 0, 0.1) !important;
}
:global(body .redeem-dialog .el-textarea__inner:focus) {
box-shadow:
0 0 0 1px #ff6a00 inset,
0 0 0 4px rgba(255, 106, 0, 0.1) !important;
}
.redeem-dialog-title {
@@ -673,7 +711,7 @@ function sourceLabel(source: string) {
}
.redeem-dialog-title span {
color: #7c3aed;
color: #ff6a00;
font-size: 12px;
font-weight: 900;
}
@@ -702,8 +740,8 @@ function sourceLabel(source: string) {
place-items: center;
overflow: hidden;
border-radius: 10px;
background: #f1ebff;
color: #6d28d9;
background: #fff1e8;
color: #d94f00;
font-size: 28px;
font-weight: 900;
}
@@ -721,7 +759,7 @@ function sourceLabel(source: string) {
}
.redeem-product-info span {
color: #7c3aed;
color: #ff6a00;
font-size: 11px;
font-weight: 800;
}
@@ -746,15 +784,15 @@ function sourceLabel(source: string) {
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 0;
overflow: hidden;
border: 1px solid #ede9fe;
border: 1px solid #ffe2d1;
border-radius: 10px;
background: #faf8ff;
background: #fff8f3;
}
.redeem-summary > div {
min-width: 0;
padding: 10px 12px;
border-left: 1px solid #ede9fe;
border-left: 1px solid #ffe2d1;
}
.redeem-summary > div:first-child {
@@ -769,7 +807,7 @@ function sourceLabel(source: string) {
.redeem-summary dd {
overflow: hidden;
margin: 4px 0 0;
color: #312e81;
color: #c2410c;
font-size: 14px;
font-weight: 900;
text-overflow: ellipsis;