diff --git a/ry-vue3/src/components/IdCardUploader.vue b/ry-vue3/src/components/IdCardUploader.vue index 03ea224..195f378 100644 --- a/ry-vue3/src/components/IdCardUploader.vue +++ b/ry-vue3/src/components/IdCardUploader.vue @@ -125,7 +125,7 @@ async function onFileChange(e, side) { cursor: pointer; } .ht-image-upload-content:hover { - border-color: #1890ff; + border-color: var(--brand-primary); } .ht-image-upload-content.has-file { border-style: solid; diff --git a/ry-vue3/src/components/OssFileUploader.vue b/ry-vue3/src/components/OssFileUploader.vue index 7477baa..ed68a3a 100644 --- a/ry-vue3/src/components/OssFileUploader.vue +++ b/ry-vue3/src/components/OssFileUploader.vue @@ -150,7 +150,7 @@ function onRemove() { transition: border-color 0.2s; min-height: 60px; } -.ht-file-upload:hover { border-color: #1890ff; } +.ht-file-upload:hover { border-color: var(--brand-primary); } .ht-file-upload.has-file { border-style: solid; border-color: #52c41a; background: #fff; } .ht-file-upload.is-block { width: 100%; } .ht-file-upload.readonly { cursor: default; } @@ -167,14 +167,14 @@ function onRemove() { .ht-file-info { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; } -.file-icon { color: #1890ff; flex-shrink: 0; } +.file-icon { color: var(--brand-primary); flex-shrink: 0; } .file-meta { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .file-name { font-size: 14px; color: #1a1a1a; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } -.file-name:hover { color: #1890ff; text-decoration: underline; } +.file-name:hover { color: var(--brand-primary); text-decoration: underline; } .file-type { font-size: 12px; color: #909399; } .remove-btn { flex-shrink: 0; } diff --git a/ry-vue3/src/components/OssImageUploader.vue b/ry-vue3/src/components/OssImageUploader.vue index 306659a..c3b09ed 100644 --- a/ry-vue3/src/components/OssImageUploader.vue +++ b/ry-vue3/src/components/OssImageUploader.vue @@ -105,7 +105,7 @@ async function onFileChange(e) { height: 100px; } .ht-image-upload-content:hover { - border-color: #1890ff; + border-color: var(--brand-primary); } .ht-image-upload-content.has-file { border-style: solid; diff --git a/ry-vue3/src/layout/AdminLayout.vue b/ry-vue3/src/layout/AdminLayout.vue index a8eea0e..ae1f53e 100644 --- a/ry-vue3/src/layout/AdminLayout.vue +++ b/ry-vue3/src/layout/AdminLayout.vue @@ -272,7 +272,7 @@ const onCommand = (cmd) => { if (cmd === 'logout') logout() } } /* 子项激活: 蓝底白字 */ :deep(.el-menu-item.is-active) { - background: #1890ff; + background: var(--brand-primary); color: #fff; } /* 父标题在子项激活时高亮 (Element Plus 自动给 el-sub-menu 加 is-active) */ @@ -289,7 +289,7 @@ const onCommand = (cmd) => { if (cmd === 'logout') logout() } background-color: #1f3a5f; } :deep(.el-menu--inline .el-menu-item.is-active) { - background: #1890ff; + background: var(--brand-primary); } .topbar { background: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; border-bottom: 1px solid #ebeef5; } .topbar-left { display: flex; align-items: center; } diff --git a/ry-vue3/src/views/admin/ExpertDetail.vue b/ry-vue3/src/views/admin/ExpertDetail.vue index 9b75609..51252e2 100644 --- a/ry-vue3/src/views/admin/ExpertDetail.vue +++ b/ry-vue3/src/views/admin/ExpertDetail.vue @@ -235,7 +235,7 @@ onMounted(loadDetail) .page-card { background: #fff; padding: 16px 20px; border-radius: 6px; border: 1px solid #f0f0f0; } .breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 16px; } .breadcrumb a { color: var(--brand-primary); cursor: pointer; text-decoration: none; } -.breadcrumb a:hover { color: var(--brand-primary-deep, var(--brand-primary)); } +.breadcrumb a:hover { color: var(--brand-primary-deep); } .form-card.nested { background: transparent; border: none; box-shadow: none; } :deep(.form-card .el-card__body) { padding: 24px 28px; } @@ -243,7 +243,7 @@ onMounted(loadDetail) .form-actions { margin-top: 16px; display: flex; gap: 8px; } :deep(.el-button--primary) { background: var(--brand-primary); border-color: var(--brand-primary); border-radius: 4px; } -:deep(.el-button--primary:hover) { background: var(--brand-primary-deep, var(--brand-primary)); border-color: var(--brand-primary-deep, var(--brand-primary)); } +:deep(.el-button--primary:hover) { background: var(--brand-primary-deep); border-color: var(--brand-primary-deep); } :deep(.el-button) { border-radius: 4px; } :deep(.el-input__wrapper), :deep(.el-textarea__inner) { border-radius: 4px; } diff --git a/ry-vue3/src/views/admin/LaborProtocolEdit.vue b/ry-vue3/src/views/admin/LaborProtocolEdit.vue index cfe8721..0c76272 100644 --- a/ry-vue3/src/views/admin/LaborProtocolEdit.vue +++ b/ry-vue3/src/views/admin/LaborProtocolEdit.vue @@ -138,7 +138,7 @@ onMounted(loadDetail) /* 面包屑带可点击返回 */ .breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 12px; } .breadcrumb a { color: var(--brand-primary); cursor: pointer; text-decoration: none; } -.breadcrumb a:hover { color: var(--brand-primary-deep, var(--brand-primary)); } +.breadcrumb a:hover { color: var(--brand-primary-deep); } /* 去掉 el-card 默认的边框/阴影 (跟 ExpertNew.vue 保持一致) */ .form-card.nested { background: transparent; border: none; box-shadow: none; } @@ -146,7 +146,7 @@ onMounted(loadDetail) /* 主按钮用项目色变量 (覆盖 el 默认 #409eff) */ :deep(.el-button--primary) { background: var(--brand-primary); border-color: var(--brand-primary); border-radius: 4px; } -:deep(.el-button--primary:hover) { background: var(--brand-primary-deep, var(--brand-primary)); border-color: var(--brand-primary-deep, var(--brand-primary)); } +:deep(.el-button--primary:hover) { background: var(--brand-primary-deep); border-color: var(--brand-primary-deep); } :deep(.el-button) { border-radius: 4px; } :deep(.el-input__wrapper), :deep(.el-textarea__inner) { border-radius: 4px; } diff --git a/ry-vue3/src/views/auth/Login.vue b/ry-vue3/src/views/auth/Login.vue index f0e03ad..730fb0a 100644 --- a/ry-vue3/src/views/auth/Login.vue +++ b/ry-vue3/src/views/auth/Login.vue @@ -755,7 +755,7 @@ onUnmounted(() => { } .login-page .login-btn:hover{ - background: #1e40af; + background: var(--brand-primary-deep); } /* 底部 */ @@ -860,7 +860,7 @@ onUnmounted(() => { color: #fff; } -.login-page .modal-btn.primary:hover{ background: #1e40af; } +.login-page .modal-btn.primary:hover{ background: var(--brand-primary-deep); } .login-page .modal-btn.secondary{ background: #fff; @@ -924,10 +924,10 @@ onUnmounted(() => { cursor: pointer; transition: all 0.2s; } -.user-type-item:hover { border-color: var(--brand-primary, #1890ff); background: #f7faff; } +.user-type-item:hover { border-color: var(--brand-primary); background: #f7faff; } .user-type-item input[type="radio"] { width: 18px; height: 18px; - accent-color: var(--brand-primary, #1890ff); + accent-color: var(--brand-primary); cursor: pointer; flex-shrink: 0; } @@ -944,8 +944,8 @@ onUnmounted(() => { } .modal-btn.secondary { background: #f5f7fa; color: #606266; } .modal-btn.secondary:hover { background: #ebeef5; } -.modal-btn.primary { background: var(--brand-primary, #1890ff); color: #fff; } -.modal-btn.primary:hover { background: var(--brand-primary-deep, #096dd9); } +.modal-btn.primary { background: var(--brand-primary); color: #fff; } +.modal-btn.primary:hover { background: var(--brand-primary-deep); } /* ===== 忘记密码弹窗 ===== */ .modal-subtitle { diff --git a/ry-vue3/src/views/doctor/Account.vue b/ry-vue3/src/views/doctor/Account.vue index 3c6b109..483de0a 100644 --- a/ry-vue3/src/views/doctor/Account.vue +++ b/ry-vue3/src/views/doctor/Account.vue @@ -460,7 +460,7 @@ onUnmounted(() => { \ No newline at end of file diff --git a/ry-vue3/src/views/doctor/Projects.vue b/ry-vue3/src/views/doctor/Projects.vue index 7fdd950..f034c8e 100644 --- a/ry-vue3/src/views/doctor/Projects.vue +++ b/ry-vue3/src/views/doctor/Projects.vue @@ -142,9 +142,9 @@ load() .filter-tip { background: #fffbe6; border: 1px solid #ffe58f; color: #ad6800; padding: 8px 12px; border-radius: 4px; font-size: 12px; margin-bottom: 12px; } .status { font-size: 13px; color: #595959; } :deep(.el-button--primary) { background: var(--brand-primary); border-color: var(--brand-primary); border-radius: 4px; } -:deep(.el-button--primary:hover) { background: var(--brand-primary-deep, var(--brand-primary)); border-color: var(--brand-primary-deep, var(--brand-primary)); } +:deep(.el-button--primary:hover) { background: var(--brand-primary-deep); border-color: var(--brand-primary-deep); } :deep(.el-table .el-button) { border-radius: 4px; } :deep(.el-table .el-button.is-link) { color: var(--brand-primary); background: transparent; border: none; } -:deep(.el-table .el-button.is-link:hover) { color: var(--brand-primary-deep, var(--brand-primary)); background: transparent; } +:deep(.el-table .el-button.is-link:hover) { color: var(--brand-primary-deep); background: transparent; } :deep(.el-table .el-button.is-link.is-disabled) { color: #c0c4cc; background: transparent; } \ No newline at end of file diff --git a/ry-vue3/src/views/doctor/Submissions.vue b/ry-vue3/src/views/doctor/Submissions.vue index a89a4d1..3b6fe00 100644 --- a/ry-vue3/src/views/doctor/Submissions.vue +++ b/ry-vue3/src/views/doctor/Submissions.vue @@ -194,10 +194,10 @@ onMounted(() => { .toolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; } .status { font-size: 13px; color: #595959; } :deep(.el-button--primary) { background: var(--brand-primary); border-color: var(--brand-primary); border-radius: 4px; } -:deep(.el-button--primary:hover) { background: var(--brand-primary-deep, var(--brand-primary)); border-color: var(--brand-primary-deep, var(--brand-primary)); } +:deep(.el-button--primary:hover) { background: var(--brand-primary-deep); border-color: var(--brand-primary-deep); } :deep(.el-table .el-button) { border-radius: 4px; } :deep(.el-table .el-button.is-link) { color: var(--brand-primary); background: transparent; border: none; } -:deep(.el-table .el-button.is-link:hover) { color: var(--brand-primary-deep, var(--brand-primary)); background: transparent; } +:deep(.el-table .el-button.is-link:hover) { color: var(--brand-primary-deep); background: transparent; } :deep(.el-table .el-button.is-link.is-disabled) { color: #c0c4cc; background: transparent; } \ No newline at end of file diff --git a/ry-vue3/src/views/executor-people/ExecutorPersonDetail.vue b/ry-vue3/src/views/executor-people/ExecutorPersonDetail.vue index 2d95c40..91f2809 100644 --- a/ry-vue3/src/views/executor-people/ExecutorPersonDetail.vue +++ b/ry-vue3/src/views/executor-people/ExecutorPersonDetail.vue @@ -119,7 +119,7 @@ onMounted(loadDetail) .page-card { background: #fff; padding: 16px 20px; border-radius: 6px; border: 1px solid #f0f0f0; } .breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 16px; } .breadcrumb a { color: var(--brand-primary); cursor: pointer; text-decoration: none; } -.breadcrumb a:hover { color: var(--brand-primary-deep, var(--brand-primary)); } +.breadcrumb a:hover { color: var(--brand-primary-deep); } .form-card.nested { background: transparent; border: none; box-shadow: none; } :deep(.form-card .el-card__body) { padding: 24px 28px; } @@ -127,7 +127,7 @@ onMounted(loadDetail) .form-actions { margin-top: 16px; display: flex; gap: 8px; } :deep(.el-button--primary) { background: var(--brand-primary); border-color: var(--brand-primary); border-radius: 4px; } -:deep(.el-button--primary:hover) { background: var(--brand-primary-deep, var(--brand-primary)); border-color: var(--brand-primary-deep, var(--brand-primary)); } +:deep(.el-button--primary:hover) { background: var(--brand-primary-deep); border-color: var(--brand-primary-deep); } :deep(.el-button) { border-radius: 4px; } :deep(.el-input__wrapper), :deep(.el-textarea__inner) { border-radius: 4px; } diff --git a/ry-vue3/src/views/executor-people/ExecutorPersonNew.vue b/ry-vue3/src/views/executor-people/ExecutorPersonNew.vue index c16e688..51d7235 100644 --- a/ry-vue3/src/views/executor-people/ExecutorPersonNew.vue +++ b/ry-vue3/src/views/executor-people/ExecutorPersonNew.vue @@ -163,7 +163,7 @@ onMounted(() => { .page-card { background: #fff; padding: 16px 20px; border-radius: 6px; border: 1px solid #f0f0f0; } .breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 16px; } .breadcrumb a { color: var(--brand-primary); cursor: pointer; text-decoration: none; } -.breadcrumb a:hover { color: var(--brand-primary-deep, var(--brand-primary)); } +.breadcrumb a:hover { color: var(--brand-primary-deep); } .form-card.nested { background: transparent; border: none; box-shadow: none; } :deep(.form-card .el-card__body) { padding: 24px 28px; } @@ -171,7 +171,7 @@ onMounted(() => { .form-actions { margin-top: 16px; display: flex; gap: 8px; } :deep(.el-button--primary) { background: var(--brand-primary); border-color: var(--brand-primary); border-radius: 4px; } -:deep(.el-button--primary:hover) { background: var(--brand-primary-deep, var(--brand-primary)); border-color: var(--brand-primary-deep, var(--brand-primary)); } +:deep(.el-button--primary:hover) { background: var(--brand-primary-deep); border-color: var(--brand-primary-deep); } :deep(.el-button) { border-radius: 4px; } :deep(.el-input__wrapper) { border-radius: 4px; } diff --git a/ry-vue3/src/views/executor/NewPerson.vue b/ry-vue3/src/views/executor/NewPerson.vue index 6844b73..605dab0 100644 --- a/ry-vue3/src/views/executor/NewPerson.vue +++ b/ry-vue3/src/views/executor/NewPerson.vue @@ -284,7 +284,7 @@ onMounted(() => { .page-card { background: #fff; padding: 16px 20px; border-radius: 6px; border: 1px solid #f0f0f0; } .breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 16px; } .breadcrumb a { color: var(--brand-primary); cursor: pointer; text-decoration: none; } -.breadcrumb a:hover { color: var(--brand-primary-deep, var(--brand-primary)); } +.breadcrumb a:hover { color: var(--brand-primary-deep); } .form-card.nested { background: transparent; border: none; box-shadow: none; } :deep(.form-card .el-card__body) { padding: 24px 28px; } @@ -292,7 +292,7 @@ onMounted(() => { .form-actions { margin-top: 16px; display: flex; gap: 8px; } :deep(.el-button--primary) { background: var(--brand-primary); border-color: var(--brand-primary); border-radius: 4px; } -:deep(.el-button--primary:hover) { background: var(--brand-primary-deep, var(--brand-primary)); border-color: var(--brand-primary-deep, var(--brand-primary)); } +:deep(.el-button--primary:hover) { background: var(--brand-primary-deep); border-color: var(--brand-primary-deep); } :deep(.el-button) { border-radius: 4px; } :deep(.el-input__wrapper), :deep(.el-textarea__inner) { border-radius: 4px; } diff --git a/ry-vue3/src/views/executor/People.vue b/ry-vue3/src/views/executor/People.vue index bf48a42..55eaf08 100644 --- a/ry-vue3/src/views/executor/People.vue +++ b/ry-vue3/src/views/executor/People.vue @@ -225,7 +225,7 @@ onMounted(loadList) .breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 12px; } .batch-bar { margin-bottom: 12px; display: flex; gap: 8px; align-items: center; } .hint-link { color: var(--brand-primary); cursor: pointer; font-size: 13px; } -.hint-link:hover { color: var(--brand-primary-deep, var(--brand-primary)); } +.hint-link:hover { color: var(--brand-primary-deep); } .pager { display: flex; justify-content: flex-end; margin-top: 12px; } .filter-form { margin-bottom: 12px; } \ No newline at end of file diff --git a/ry-vue3/src/views/executor/PersonDetail.vue b/ry-vue3/src/views/executor/PersonDetail.vue index c54ab2c..57286fa 100644 --- a/ry-vue3/src/views/executor/PersonDetail.vue +++ b/ry-vue3/src/views/executor/PersonDetail.vue @@ -126,7 +126,7 @@ onMounted(loadDetail) .page-card { background: #fff; padding: 16px 20px; border-radius: 6px; border: 1px solid #f0f0f0; } .breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 16px; } .breadcrumb a { color: var(--brand-primary); cursor: pointer; text-decoration: none; } -.breadcrumb a:hover { color: var(--brand-primary-deep, var(--brand-primary)); } +.breadcrumb a:hover { color: var(--brand-primary-deep); } .form-card.nested { background: transparent; border: none; box-shadow: none; } :deep(.form-card .el-card__body) { padding: 24px 28px; } diff --git a/ry-vue3/src/views/expert/ExpertNew.vue b/ry-vue3/src/views/expert/ExpertNew.vue index 32761ac..a8d6673 100644 --- a/ry-vue3/src/views/expert/ExpertNew.vue +++ b/ry-vue3/src/views/expert/ExpertNew.vue @@ -327,7 +327,7 @@ onMounted(() => { .page-card { background: #fff; padding: 16px 20px; border-radius: 6px; border: 1px solid #f0f0f0; } .breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 16px; } .breadcrumb a { color: var(--brand-primary); cursor: pointer; text-decoration: none; } -.breadcrumb a:hover { color: var(--brand-primary-deep, var(--brand-primary)); } +.breadcrumb a:hover { color: var(--brand-primary-deep); } .form-card.nested { background: transparent; border: none; box-shadow: none; } :deep(.form-card .el-card__body) { padding: 24px 28px; } @@ -335,7 +335,7 @@ onMounted(() => { .form-actions { margin-top: 16px; display: flex; gap: 8px; } :deep(.el-button--primary) { background: var(--brand-primary); border-color: var(--brand-primary); border-radius: 4px; } -:deep(.el-button--primary:hover) { background: var(--brand-primary-deep, var(--brand-primary)); border-color: var(--brand-primary-deep, var(--brand-primary)); } +:deep(.el-button--primary:hover) { background: var(--brand-primary-deep); border-color: var(--brand-primary-deep); } :deep(.el-button) { border-radius: 4px; } :deep(.el-input__wrapper), :deep(.el-textarea__inner) { border-radius: 4px; } diff --git a/ry-vue3/src/views/manager/ManagerProjectsAssign.vue b/ry-vue3/src/views/manager/ManagerProjectsAssign.vue index b273dff..833db33 100644 --- a/ry-vue3/src/views/manager/ManagerProjectsAssign.vue +++ b/ry-vue3/src/views/manager/ManagerProjectsAssign.vue @@ -553,7 +553,7 @@ async function submitAssign() { display: flex; align-items: center; justify-content: flex-end; color: #606266; font-size: 14px; } -.contract-section .file-link { color: #1890ff; cursor: pointer; font-size: 13px; display: flex; align-items: center; } +.contract-section .file-link { color: var(--brand-primary); cursor: pointer; font-size: 13px; display: flex; align-items: center; } .contract-section .file-link:hover { text-decoration: underline; } .contract-section .empty-tip { font-size: 13px; color: #c0c4cc; display: flex; align-items: center; } .hint-text { font-size: 12px; color: #909399; margin: 8px 0; line-height: 1.6; } diff --git a/ry-vue3/src/views/portal/Home.vue b/ry-vue3/src/views/portal/Home.vue index 162a6cc..6b837da 100644 --- a/ry-vue3/src/views/portal/Home.vue +++ b/ry-vue3/src/views/portal/Home.vue @@ -495,7 +495,9 @@ a { color: inherit; text-decoration: none; } font-size: 14px; line-height: 1.9; color: rgba(255, 255, 255, 0.85); - max-width: 70%; + max-width: 100%; + padding-bottom: 50px; + } .hero-cta { @@ -805,5 +807,5 @@ a { color: inherit; text-decoration: none; } font-size: 12px; color: rgba(255, 255, 255, 0.4); } - + diff --git a/ry-vue3/src/views/portal/PublicityDetail.vue b/ry-vue3/src/views/portal/PublicityDetail.vue index af93457..22df352 100644 --- a/ry-vue3/src/views/portal/PublicityDetail.vue +++ b/ry-vue3/src/views/portal/PublicityDetail.vue @@ -268,7 +268,7 @@ watch(showQr, async (v) => { qrUrl.value = await QRCode.toDataURL(shareUrl.value, { width: 260, margin: 2, - // 深色用品牌主色 (#1890ff), 让二维码更精致 + // 深色用品牌主色 (#1f2937 深灰), 让二维码更精致 color: { dark: '#1f2937', light: '#ffffff' }, errorCorrectionLevel: 'H' }) @@ -642,7 +642,7 @@ onBeforeUnmount(() => { padding: 14px; border-radius: 6px; margin-bottom: 16px; - border-left: 3px solid var(--brand-primary, #1890ff); + border-left: 3px solid var(--brand-primary); } .card-label { font-size: 12px; color: #909399; margin-bottom: 4px; } .card-value { font-size: 15px; font-weight: 600; color: #1a1a1a; line-height: 1.4; } @@ -660,13 +660,13 @@ onBeforeUnmount(() => { margin-bottom: 4px; transition: all 0.2s; } -.ann-menu-item:hover { background: #f5f7fa; color: var(--brand-primary, #1890ff); } -.ann-menu-item.active { background: #e6f4ff; color: var(--brand-primary, #1890ff); font-weight: 600; } +.ann-menu-item:hover { background: #f5f7fa; color: var(--brand-primary); } +.ann-menu-item.active { background: #e6f4ff; color: var(--brand-primary); font-weight: 600; } .ann-menu-item .dot { width: 6px; height: 6px; border-radius: 50%; background: #dcdfe6; } -.ann-menu-item.active .dot { background: var(--brand-primary, #1890ff); } +.ann-menu-item.active .dot { background: var(--brand-primary); } .ann-menu-empty { color: #c0c4cc; font-size: 13px; padding: 12px 16px; } .detail-main { min-height: 480px; min-width: 0; } @@ -756,13 +756,13 @@ onBeforeUnmount(() => { /* primary: 实色品牌主蓝 (与页面 filter-btn 同风格) */ .action-btn.primary { - background: var(--brand-primary, #1890ff); + background: var(--brand-primary); color: #fff; - border-color: var(--brand-primary, #1890ff); + border-color: var(--brand-primary); } .action-btn.primary:hover:not(:disabled) { - background: var(--brand-primary-deep, #096dd9); - border-color: var(--brand-primary-deep, #096dd9); + background: var(--brand-primary-deep); + border-color: var(--brand-primary-deep); } /* 立即报名 / 分享二维码 都是同款 primary (沉稳商务风, 单色) */ @@ -1285,7 +1285,7 @@ a { color: inherit; text-decoration: none; } .qr-brand { text-align: center; font-size: 12px; - color: var(--brand-primary, #1890ff); + color: var(--brand-primary); letter-spacing: 2px; margin-top: 10px; padding-top: 8px; @@ -1296,7 +1296,7 @@ a { color: inherit; text-decoration: none; } position: absolute; width: 14px; height: 14px; - border: 2px solid var(--brand-primary, #1890ff); + border: 2px solid var(--brand-primary); } .qr-corner-tl { top: 0; left: 0; border-right: 0; border-bottom: 0; border-top-left-radius: 12px; } .qr-corner-tr { top: 0; right: 0; border-left: 0; border-bottom: 0; border-top-right-radius: 12px; } diff --git a/ry-vue3/src/views/sponsor-people/SponsorPersonDetail.vue b/ry-vue3/src/views/sponsor-people/SponsorPersonDetail.vue index 153a90e..777cee4 100644 --- a/ry-vue3/src/views/sponsor-people/SponsorPersonDetail.vue +++ b/ry-vue3/src/views/sponsor-people/SponsorPersonDetail.vue @@ -119,7 +119,7 @@ onMounted(loadDetail) .page-card { background: #fff; padding: 16px 20px; border-radius: 6px; border: 1px solid #f0f0f0; } .breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 16px; } .breadcrumb a { color: var(--brand-primary); cursor: pointer; text-decoration: none; } -.breadcrumb a:hover { color: var(--brand-primary-deep, var(--brand-primary)); } +.breadcrumb a:hover { color: var(--brand-primary-deep); } .form-card.nested { background: transparent; border: none; box-shadow: none; } :deep(.form-card .el-card__body) { padding: 24px 28px; } @@ -127,7 +127,7 @@ onMounted(loadDetail) .form-actions { margin-top: 16px; display: flex; gap: 8px; } :deep(.el-button--primary) { background: var(--brand-primary); border-color: var(--brand-primary); border-radius: 4px; } -:deep(.el-button--primary:hover) { background: var(--brand-primary-deep, var(--brand-primary)); border-color: var(--brand-primary-deep, var(--brand-primary)); } +:deep(.el-button--primary:hover) { background: var(--brand-primary-deep); border-color: var(--brand-primary-deep); } :deep(.el-button) { border-radius: 4px; } :deep(.el-input__wrapper), :deep(.el-textarea__inner) { border-radius: 4px; } diff --git a/ry-vue3/src/views/sponsor-people/SponsorPersonNew.vue b/ry-vue3/src/views/sponsor-people/SponsorPersonNew.vue index 610e9ff..f083ec5 100644 --- a/ry-vue3/src/views/sponsor-people/SponsorPersonNew.vue +++ b/ry-vue3/src/views/sponsor-people/SponsorPersonNew.vue @@ -163,7 +163,7 @@ onMounted(() => { .page-card { background: #fff; padding: 16px 20px; border-radius: 6px; border: 1px solid #f0f0f0; } .breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 16px; } .breadcrumb a { color: var(--brand-primary); cursor: pointer; text-decoration: none; } -.breadcrumb a:hover { color: var(--brand-primary-deep, var(--brand-primary)); } +.breadcrumb a:hover { color: var(--brand-primary-deep); } .form-card.nested { background: transparent; border: none; box-shadow: none; } :deep(.form-card .el-card__body) { padding: 24px 28px; } @@ -171,7 +171,7 @@ onMounted(() => { .form-actions { margin-top: 16px; display: flex; gap: 8px; } :deep(.el-button--primary) { background: var(--brand-primary); border-color: var(--brand-primary); border-radius: 4px; } -:deep(.el-button--primary:hover) { background: var(--brand-primary-deep, var(--brand-primary)); border-color: var(--brand-primary-deep, var(--brand-primary)); } +:deep(.el-button--primary:hover) { background: var(--brand-primary-deep); border-color: var(--brand-primary-deep); } :deep(.el-button) { border-radius: 4px; } :deep(.el-input__wrapper) { border-radius: 4px; } diff --git a/ry-vue3/src/views/sponsor/NewPerson.vue b/ry-vue3/src/views/sponsor/NewPerson.vue index b44944d..03ae9aa 100644 --- a/ry-vue3/src/views/sponsor/NewPerson.vue +++ b/ry-vue3/src/views/sponsor/NewPerson.vue @@ -288,7 +288,7 @@ onMounted(() => { .page-card { background: #fff; padding: 16px 20px; border-radius: 6px; border: 1px solid #f0f0f0; } .breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 16px; } .breadcrumb a { color: var(--brand-primary); cursor: pointer; text-decoration: none; } -.breadcrumb a:hover { color: var(--brand-primary-deep, var(--brand-primary)); } +.breadcrumb a:hover { color: var(--brand-primary-deep); } .form-card.nested { background: transparent; border: none; box-shadow: none; } :deep(.form-card .el-card__body) { padding: 24px 28px; } @@ -297,7 +297,7 @@ onMounted(() => { .form-hint { font-size: 12px; color: #ff4d4f; line-height: 1.6; margin: 4px 0; } :deep(.el-button--primary) { background: var(--brand-primary); border-color: var(--brand-primary); border-radius: 4px; } -:deep(.el-button--primary:hover) { background: var(--brand-primary-deep, var(--brand-primary)); border-color: var(--brand-primary-deep, var(--brand-primary)); } +:deep(.el-button--primary:hover) { background: var(--brand-primary-deep); border-color: var(--brand-primary-deep); } :deep(.el-button) { border-radius: 4px; } :deep(.el-input__wrapper), :deep(.el-textarea__inner) { border-radius: 4px; } \ No newline at end of file diff --git a/ry-vue3/src/views/sponsor/Projects.vue b/ry-vue3/src/views/sponsor/Projects.vue index 1b0901a..818d0ba 100644 --- a/ry-vue3/src/views/sponsor/Projects.vue +++ b/ry-vue3/src/views/sponsor/Projects.vue @@ -440,9 +440,9 @@ onMounted(() => { load(); loadPersons() }) .score-row { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } :deep(.el-button--primary) { background: var(--brand-primary); border-color: var(--brand-primary); border-radius: 4px; } -:deep(.el-button--primary:hover) { background: var(--brand-primary-deep, var(--brand-primary)); border-color: var(--brand-primary-deep, var(--brand-primary)); } +:deep(.el-button--primary:hover) { background: var(--brand-primary-deep); border-color: var(--brand-primary-deep); } :deep(.el-table .el-button) { border-radius: 4px; } :deep(.el-table .el-button.is-link) { color: var(--brand-primary); background: transparent; border: none; } -:deep(.el-table .el-button.is-link:hover) { color: var(--brand-primary-deep, var(--brand-primary)); background: transparent; } +:deep(.el-table .el-button.is-link:hover) { color: var(--brand-primary-deep); background: transparent; } :deep(.el-table .el-button.is-link.is-disabled) { color: #c0c4cc; background: transparent; } \ No newline at end of file diff --git a/ry-vue3/src/views/sponsor/SponsorPeople.vue b/ry-vue3/src/views/sponsor/SponsorPeople.vue index 18ab7a7..60458a0 100644 --- a/ry-vue3/src/views/sponsor/SponsorPeople.vue +++ b/ry-vue3/src/views/sponsor/SponsorPeople.vue @@ -319,12 +319,12 @@ load() .toolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; } .hint-link { color: var(--brand-primary); cursor: pointer; font-size: 13px; } -.hint-link:hover { color: var(--brand-primary-deep, var(--brand-primary)); } +.hint-link:hover { color: var(--brand-primary-deep); } :deep(.el-button--primary) { background: var(--brand-primary); border-color: var(--brand-primary); border-radius: 4px; } -:deep(.el-button--primary:hover) { background: var(--brand-primary-deep, var(--brand-primary)); border-color: var(--brand-primary-deep, var(--brand-primary)); } +:deep(.el-button--primary:hover) { background: var(--brand-primary-deep); border-color: var(--brand-primary-deep); } :deep(.el-table .el-button) { border-radius: 4px; } :deep(.el-table .el-button.is-link) { color: var(--brand-primary); background: transparent; border: none; } -:deep(.el-table .el-button.is-link:hover) { color: var(--brand-primary-deep, var(--brand-primary)); background: transparent; } +:deep(.el-table .el-button.is-link:hover) { color: var(--brand-primary-deep); background: transparent; } :deep(.el-table .el-button.is-link.is-disabled) { color: #c0c4cc; background: transparent; }