refactor(app): 重构应用配置和样式

- 移除 colorMode 相关代码
- 删除全局样式文件
- 更新 nuxt 配置:
  - 添加 runtimeConfig
  - 更新 css 配置
  - 优化 vite构建配置
  - 新增 image 模块配置
- 更新路由配置
- 调整组件实现
- 更新环境变量加载方式

app/app.vue

@@ -8,6 +8,9 @@ useHead({
     { name: 'keywords', content: useI18n().t('appSetting.appKeyWords') },
   ],
 })
+const mode = computed(() => {
+  return ''
+})
 
 // 添加路由中间件来处理过渡方向
 const router = useRouter()
@@ -37,7 +40,7 @@ provide('slideDirection', slideDirection)
 </script>
 
 <template>
-  <VanConfigProvider>
+  <VanConfigProvider theme="light">
     <NuxtLoadingIndicator
       color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)" />
     <NuxtLayout>
@@ -49,6 +52,7 @@ provide('slideDirection', slideDirection)
 </template>
 
 <style>
+@import "@/static/styles/index.css";
 .slide-left-enter-active,
 .slide-left-leave-active,
 .slide-right-enter-active,

app/pages/login/index.vue

@@ -158,7 +158,7 @@ const goLogin =async () => {
             <div />
           </div>
           <div class="mt-[55px]">
-            <van-button :loading="loadingRef.loading1" v-if="phoneNum" :loading-text="$t('login.getCode')" type="primary" block style="height: 48px" @click="getCode">{{ $t('login.getCode')
+            <van-button :loading="loadingRef.loading1" v-if="phoneNum" :loading-text="$t('login.getCode')" color="#2B53AC" block style="height: 48px" @click="getCode">{{ $t('login.getCode')
               }}</van-button>
             <van-button v-else type="primary" color="#D3D3D3" block style="height: 48px">{{ $t('login.getCode')
               }}</van-button>

app/static/styles/index.css

@@ -0,0 +1,3 @@
+:root{
+    --van-primary-color:'#2B53AC';
+}