diff --git a/fryl_h5/src/App.vue b/fryl_h5/src/App.vue index d13a2a6..eee15da 100644 --- a/fryl_h5/src/App.vue +++ b/fryl_h5/src/App.vue @@ -12,4 +12,10 @@ body, background: #f5f6f8; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', Arial, sans-serif; } + +/* 与管理后台("凡荣e链")统一的品牌色:墨绿主色替换 Vant 默认蓝,金褐色作为局部强调点缀。 + 语义色(success/danger/warning)保持 Vant 默认不改动 */ +:root { + --van-primary-color: #1f5f4e; +} diff --git a/fryl_h5/src/views/EnterpriseOpenMobile.vue b/fryl_h5/src/views/EnterpriseOpenMobile.vue index 1b4322f..d2f2ee2 100644 --- a/fryl_h5/src/views/EnterpriseOpenMobile.vue +++ b/fryl_h5/src/views/EnterpriseOpenMobile.vue @@ -187,7 +187,7 @@ onMounted(async () => { align-items: center; justify-content: space-between; padding: 14px 16px; - background: linear-gradient(90deg, #1677ff, #4096ff); + background: linear-gradient(90deg, #1f5f4e, #2c6e5c); color: #fff; } .banner-title { @@ -257,7 +257,7 @@ onMounted(async () => { color: #969799; } .is-current .step-number { - background: #1677ff; + background: #1f5f4e; color: #fff; } .is-current .step-label { diff --git a/fryl_h5/src/views/PersonalOpenMobile.vue b/fryl_h5/src/views/PersonalOpenMobile.vue index 73f5944..2700b25 100644 --- a/fryl_h5/src/views/PersonalOpenMobile.vue +++ b/fryl_h5/src/views/PersonalOpenMobile.vue @@ -182,7 +182,7 @@ onMounted(async () => { align-items: center; justify-content: space-between; padding: 14px 16px; - background: linear-gradient(90deg, #1677ff, #4096ff); + background: linear-gradient(90deg, #1f5f4e, #2c6e5c); color: #fff; } .banner-title { @@ -252,7 +252,7 @@ onMounted(async () => { color: #969799; } .is-current .step-number { - background: #1677ff; + background: #1f5f4e; color: #fff; } .is-current .step-label { diff --git a/fryl_h5/src/views/steps/AgreementStep.vue b/fryl_h5/src/views/steps/AgreementStep.vue index 01e6f2d..0f228f6 100644 --- a/fryl_h5/src/views/steps/AgreementStep.vue +++ b/fryl_h5/src/views/steps/AgreementStep.vue @@ -233,7 +233,7 @@ onBeforeUnmount(() => { color: #646566; } .link { - color: #1989fa; + color: #1f5f4e; } .generate-error { margin-top: 16px; @@ -246,7 +246,7 @@ onBeforeUnmount(() => { } .retry-link { margin-left: 8px; - color: #1989fa; + color: #1f5f4e; text-decoration: underline; cursor: pointer; } diff --git a/fryl_h5/src/views/steps/InfoConfirmStep.vue b/fryl_h5/src/views/steps/InfoConfirmStep.vue index 998191e..52159c0 100644 --- a/fryl_h5/src/views/steps/InfoConfirmStep.vue +++ b/fryl_h5/src/views/steps/InfoConfirmStep.vue @@ -110,7 +110,7 @@ const maskedBankCardNumber = computed(() => maskBankCard(props.detail?.bankCardN margin-bottom: 10px; } .summary-icon { - color: #1989fa; + color: #1f5f4e; font-size: 16px; } .summary-body { diff --git a/fryl_h5/src/views/steps/enterprise/EnterpriseAgreementStep.vue b/fryl_h5/src/views/steps/enterprise/EnterpriseAgreementStep.vue index 0c15db7..3d75aab 100644 --- a/fryl_h5/src/views/steps/enterprise/EnterpriseAgreementStep.vue +++ b/fryl_h5/src/views/steps/enterprise/EnterpriseAgreementStep.vue @@ -230,7 +230,7 @@ onBeforeUnmount(() => { color: #646566; } .link { - color: #1989fa; + color: #1f5f4e; } .generate-error { margin-top: 16px; @@ -243,7 +243,7 @@ onBeforeUnmount(() => { } .retry-link { margin-left: 8px; - color: #1989fa; + color: #1f5f4e; text-decoration: underline; cursor: pointer; } diff --git a/src/App.vue b/src/App.vue index ed3657c..b6ed598 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,5 +1,5 @@ @@ -12,6 +12,28 @@ import { useAuthStore } from '@/stores/auth' import { startIdleWatcher } from '@/utils/lastActive' import { showErrorModal } from '@/utils/errorModal' +// 全局设计 token:主色调为墨绿色系,圆角/阴影偏淡雅稳重,语义色(成功/警告/错误/信息)保持 antd 默认不改动 +const themeConfig = { + token: { + colorPrimary: '#1F5F4E', + colorLink: '#1F5F4E', + colorLinkHover: '#2C6E5C', + colorLinkActive: '#164A3D', + borderRadius: 6, + colorBgLayout: '#F5F7F6', + boxShadow: '0 2px 8px rgba(0, 0, 0, 0.06)', + boxShadowSecondary: '0 1px 4px rgba(0, 0, 0, 0.04)' + }, + components: { + // Tabs 的当前激活页签用强调色(金褐)点缀,与全局主色(墨绿)区分,不参与按钮等大面积色块 + Tabs: { + inkBarColor: '#B8860B', + itemSelectedColor: '#B8860B', + itemHoverColor: '#2C6E5C' + } + } +} + const router = useRouter() const route = useRoute() const authStore = useAuthStore() diff --git a/src/components/BeneficiaryProofUpload.vue b/src/components/BeneficiaryProofUpload.vue index 2ed4601..e2ed616 100644 --- a/src/components/BeneficiaryProofUpload.vue +++ b/src/components/BeneficiaryProofUpload.vue @@ -129,7 +129,7 @@ function handleDelete() { cursor: pointer; } .mask-icon:hover { - color: #1677ff; + color: #1f5f4e; } .mask-divider { width: 1px; diff --git a/src/components/EnterpriseBeneficiaryCard.vue b/src/components/EnterpriseBeneficiaryCard.vue index 4472592..21a11bb 100644 --- a/src/components/EnterpriseBeneficiaryCard.vue +++ b/src/components/EnterpriseBeneficiaryCard.vue @@ -437,7 +437,7 @@ function onTypeChange(key, checked) { } .sub-panel-title { margin-bottom: 12px; - color: #1677ff; + color: #1f5f4e; font-weight: 600; } diff --git a/src/components/FacePhotoUpload.vue b/src/components/FacePhotoUpload.vue index 434f9a0..dbcb75c 100644 --- a/src/components/FacePhotoUpload.vue +++ b/src/components/FacePhotoUpload.vue @@ -179,7 +179,7 @@ function handleDelete() { cursor: pointer; } .mask-icon:hover { - color: #1677ff; + color: #1f5f4e; } .mask-divider { width: 1px; diff --git a/src/components/IdCardUpload.vue b/src/components/IdCardUpload.vue index 74e28b9..be81ee1 100644 --- a/src/components/IdCardUpload.vue +++ b/src/components/IdCardUpload.vue @@ -139,7 +139,7 @@ function handleDelete() { cursor: pointer; } .mask-icon:hover { - color: #1677ff; + color: #1f5f4e; } .mask-divider { width: 1px; diff --git a/src/components/LicenseUpload.vue b/src/components/LicenseUpload.vue index d1294d8..ef33c09 100644 --- a/src/components/LicenseUpload.vue +++ b/src/components/LicenseUpload.vue @@ -128,7 +128,7 @@ function handleDelete() { cursor: pointer; } .mask-icon:hover { - color: #1677ff; + color: #1f5f4e; } .mask-divider { width: 1px; diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue index b47f3ac..2d0f718 100644 --- a/src/layouts/MainLayout.vue +++ b/src/layouts/MainLayout.vue @@ -1,7 +1,7 @@