Commit ebde465e authored by youjie's avatar youjie

no message

parent e7dd740c
...@@ -23,28 +23,6 @@ const showLanguageSwitcher = computed(() => { ...@@ -23,28 +23,6 @@ const showLanguageSwitcher = computed(() => {
return useUser.userInfo == null return useUser.userInfo == null
}) })
// 静态主题配置(覆盖默认变量)
const themeConfig = ref({
// 主色(按钮、链接等核心元素)
'color-primary': '#4a664d',
// 主色 hover 状态
'color-primary-hover': '#8aaa8a',
// 主色点击状态
'color-primary-active': '#4a664d',
// 一级文本色(标题)
'color-text-1': '#0c150d',
// 页面背景色
'color-bg-1': '#fafafa',
// 卡片背景色
'color-bg-2': '#f0f0f0',
token: { // 必须通过 token 对象包裹
colorPrimary: '#263628', // 注意驼峰命名(对应 CSS 变量 --color-primary)
colorText1: '#1a1a1a',
colorBg1: '#fafafa',
colorBg2: '#f0f0f0',
}
})
// 监听语言变化,更新 Arco Design 国际化 // 监听语言变化,更新 Arco Design 国际化
watch(locale, async (newLocale) => { watch(locale, async (newLocale) => {
try { try {
...@@ -79,8 +57,7 @@ onMounted(async () => { ...@@ -79,8 +57,7 @@ onMounted(async () => {
</script> </script>
<template> <template>
<ConfigProvider :locale="globalArcoLocale || undefined" <ConfigProvider :locale="globalArcoLocale || undefined">
:theme="themeConfig">
<div id="app" class="min-h-screen bg-[#fcfcfc]"> <div id="app" class="min-h-screen bg-[#fcfcfc]">
<!-- 语言切换器 - 固定在右上角 --> <!-- 语言切换器 - 固定在右上角 -->
<div <div
...@@ -107,7 +84,12 @@ body { ...@@ -107,7 +84,12 @@ body {
--arcoblue-3: 138, 168, 138;//#8AA88A --arcoblue-3: 138, 168, 138;//#8AA88A
--arcoblue-2: 235, 235, 233;//#EBEBE9 --arcoblue-2: 235, 235, 233;//#EBEBE9
--arcoblue-1: 72, 96, 91;//#48605B --arcoblue-1: 72, 96, 91;//#48605B
}
--gray-1: 12, 21, 13;//#0c150d
--gray-2: 90, 90, 90;//#5a5a5a
--gray-3: 19, 53, 55;//#133537
}
:root { :root {
--primary1-9: #ff9707; --primary1-9: #ff9707;
--primary1-8: #263628; --primary1-8: #263628;
...@@ -115,18 +97,18 @@ body { ...@@ -115,18 +97,18 @@ body {
--primary1-5: #95A997; --primary1-5: #95A997;
--primary1-7: #e3e6da; --primary1-7: #e3e6da;
--primary1-4: #C0CEB3; --primary1-4: #C0CEB3;
--primary1-3: #8AA88A; --primary1-3: #8aa88a;
--primary1-2: #EBEBE9; --primary1-2: #EBEBE9;
--primary1-1: #48605B; --primary1-1: #48605B;
/* 文本色调整为深灰 */ /* 文本色调整为深灰 */
--color-text-1: #0c150d; --color1-text-1: #0c150d;
--color-text-2: #5a5a5a; --color1-text-2: #5a5a5a;
--color-text-3: #133537; --color1-text-3: #133537;
} }
.primary1-9{color: var(--primary1-9);} .primary1-9{color: var(--primary1-9);}
.primary1-8{color: var(--primary1-8);} .primary1-8{color: var(--primary1-8);}
.primary1-6{color: var(--primary1-6);} .primary1-6{color: var(--primary-6);}
.primary1-5{color: var(--primary1-5);} .primary1-5{color: var(--primary1-5);}
.primary1-7{color: var(--primary1-7);} .primary1-7{color: var(--primary1-7);}
.primary1-4{color: var(--primary1-4);} .primary1-4{color: var(--primary1-4);}
......
...@@ -367,7 +367,7 @@ onMounted(async () => { ...@@ -367,7 +367,7 @@ onMounted(async () => {
:deep(.arco-input-focus){ :deep(.arco-input-focus){
border-radius: 12px; border-radius: 12px;
box-shadow: rgba(60,85,62,0.18) 0px 5px 15px; box-shadow: rgba(60,85,62,0.18) 0px 5px 15px;
border: 2px solid #8AAA8A; border: 2px solid var(--primary1-3);
background-color: #FFFFFF; background-color: #FFFFFF;
} }
:deep(.arco-form-item-label){ :deep(.arco-form-item-label){
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment