读取后台数据

src/styles/global.less

@@ -24,9 +24,18 @@ body {
     src: url(https://cdn.raex.vip/font/2023-03-24-10-09-25HtghnVXP.ttf);
 }
 
+@font-face {
+    font-family: 'MiSans';
+    src: url(https://zouma-live.oss-cn-hangzhou.aliyuncs.com/fonts/MiSans-Bold.ttf);
+}
+
 .alimamaShuHeiTi {
     font-family: 'AlimamaShuHeiTi' !important;
 }
+.miSans {
+    font-family: 'MiSans' !important;
+    font-weight: bold;
+}
 
 .text-color-1 {
     color: var(--text-color-1);

src/views/page/HomeView.vue

@@ -19,6 +19,9 @@
                         <!-- <n-avatar :size="isMobile ? 'small' : 'medium'" :src="logo"></n-avatar> -->
                         <!-- <span class="ml-[6px] lg:ml-3 text-white text-base lg:text-lg alimamaShuHeiTi">走马AI助手 </span> -->
                         <img :src="logo" class="h-[28px] md:h-[40px]" alt="" />
+                        <span class="miSans text-lg text-white ml-1 md:text-[26px] md:ml-2"
+                            >{{ company.name }}助手</span
+                        >
                     </div>
                 </template>
                 <template #extra>
@@ -59,7 +62,8 @@
         <div
             class="flex flex-col items-center content-center px-4 md:pl-10 lg:pl-15 2xl:pl-52 md:items-start flex-1 pt-4 pb-24 page-content md:pb-4 md:justify-center"
         >
-            <img :src="brand" class="w-3/4 max-w-[510px] md:translate-x-[-10px]" alt="" />
+            <!-- <img :src="brand" class="w-3/4 max-w-[510px] md:translate-x-[-10px]" alt="" /> -->
+            <div class="miSans text-[40px] text-white md:text-[90px]">{{ company.name }}助手</div>
 
             <div
                 class="text-xs leading-6 md:text-base text-white opacity-80 text-center md:text-left mt-4 w-[90%] max-w-[705px]"
@@ -222,7 +226,7 @@ import logo2 from '@/assets/logo-text2.png'
 import brand2 from '@/assets/brand2.png'
 import { useUserStore, useCompanyStore } from '@/store'
 import { useRouter, useRoute } from 'vue-router'
-import { ref, computed } from 'vue'
+import { ref, computed, watch } from 'vue'
 import { UserAvatar, LoginForm } from '@/components/common'
 import { useBasicLayout } from '@/hooks/useBasicLayout'
 import imgItem01 from '@/assets/png-01.png'
@@ -356,9 +360,9 @@ const pcBg = computed(() => {
 })
 
 const logo = computed(() => {
-    if (pageType.value === 'Legal') {
-        return logo2
-    }
+    // if (pageType.value === 'Legal') {
+    //     return logo2
+    // }
     return logo1
 })
 
@@ -375,6 +379,19 @@ const pageType = computed(() => {
     }
     return 'default'
 })
+
+watch(
+    company,
+    () => {
+        if (company.value.name) {
+            document.title = company.value.name
+        }
+    },
+    {
+        deep: true,
+        immediate: true
+    }
+)
 </script>
 
 <style lang="less" scoped>