update froentend (#470)

Co-authored-by: qinxinyi <qxy118045534@163.com>

lightx2v/deploy/server/frontend/src/style.css

@@ -28,10 +28,10 @@
     color: white;
 
     /* Apple 极简黑白风格 - 品牌色 */
-    --brand-primary: #a68ee7;
-    --brand-primary-light: #cdbbfe;
-    --brand-primary-rgb: 179, 151, 255;
-    --brand-primary-light-rgb: 210, 193, 255;
+    --brand-primary: #90dce1;
+    --brand-primary-light: #90dce1;
+    --brand-primary-rgb: 89, 194, 233;
+    --brand-primary-light-rgb: 142, 220, 255;
 
     /* Apple 极简黑白风格 - 基础颜色 */
     --text-primary: #1d1d1f;          /* 浅色模式主要文字 */
@@ -841,12 +841,6 @@ body {
             padding: 0.5rem 0.75rem !important;
         }
 
-        /* 创建视频页面移动端适配 */
-        .max-w-4xl.mx-auto {
-            max-width: 100% !important;
-            padding: 0 1rem !important;
-        }
-
         /* 上传区域在移动端调整 */
         .upload-section {
             grid-template-columns: 1fr !important;

lightx2v/deploy/server/frontend/src/utils/i18n.js

@@ -55,7 +55,7 @@ async function switchLang() {
       // };
 
   const languageOptions = ref([
-    { code: 'zh', name: '中文', flag: 'ZH' },
+    { code: 'zh', name: '中文', flag: '中' },
     { code: 'en', name: 'English', flag: 'EN' }
 ]);
 

lightx2v/deploy/server/frontend/src/views/Layout.vue

@@ -9,6 +9,7 @@ import PromptTemplate from '../components/PromptTemplate.vue'
 import Voice_tts from '../components/Voice_tts.vue'
 import MediaTemplate from '../components/MediaTemplate.vue'
 import Loading from '../components/Loading.vue'
+import SiteFooter from '../components/SiteFooter.vue'
 import { useI18n } from 'vue-i18n'
 import { isLoading, showVoiceTTSModal, handleAudioUpload, showAlert } from '../utils/other'
 
@@ -59,6 +60,8 @@ const handleTTSComplete = (audioBlob) => {
           <router-view></router-view>
         </div>
       </div>
+
+      <SiteFooter />
     </div>
 
     <!-- 全局组件 -->

lightx2v/deploy/server/frontend/src/views/Login.vue

@@ -90,6 +90,7 @@ onMounted(async () => {
         <span class="text-sm font-medium text-[#1d1d1f] dark:text-[#f5f5f7] tracking-tight">LightX2V</span>
         <i class="fas fa-external-link-alt text-xs text-[#86868b] dark:text-[#98989d] transition-all duration-200 group-hover:translate-x-0.5 group-hover:-translate-y-0.5"></i>
       </a>
+
     </div>
 
     <Alert />
@@ -99,6 +100,7 @@ onMounted(async () => {
       <Loading />
     </div>
   </div>
+
 </template>
 
 <style scoped>