浏览代码

修改icon

panhui 2 年之前
父节点
当前提交
87bf1ab3db

+ 2 - 2
index.html

@@ -2,9 +2,9 @@
 <html lang="zh-cmn-Hans">
     <head>
         <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+        <!-- <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> -->
         <meta content="yes" name="apple-mobile-web-app-capable" />
-        <link rel="apple-touch-icon" href="/favicon.ico" />
+        <!-- <link rel="apple-touch-icon" type="image/svg+xml" href="/favicon.svg" /> -->
         <meta
             name="viewport"
             content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"

二进制
public/favicon.ico


二进制
public/pwa-192x192.png


二进制
public/pwa-512x512.png


+ 26 - 1
src/App.vue

@@ -4,9 +4,11 @@ import { NaiveProvider } from '@/components/common'
 import { useTheme } from '@/hooks/useTheme'
 import { useLanguage } from '@/hooks/useLanguage'
 import { emitter } from '@/plugins'
-import { onMounted, ref, provide } from 'vue'
+import { onMounted, ref, provide, watch, computed } from 'vue'
 import { useRouter } from 'vue-router'
 import { useBasicLayout } from '@/hooks/useBasicLayout'
+import { useCompanyStore } from '@/store'
+import { link } from 'fs'
 
 const { theme, themeOverrides } = useTheme()
 const { language } = useLanguage()
@@ -29,6 +31,29 @@ function login() {
     }
 }
 provide('login', login)
+const companyStore = useCompanyStore()
+const company = computed(() => {
+    return companyStore.company
+})
+watch(
+    company,
+    () => {
+        if (company.value.companyName) {
+            document.title = company.value.companyName
+        }
+        if (company.value.logo) {
+            console.log(company.value.logo)
+            let link = document.createElement('link')
+            link.rel = 'icon'
+            link.href = company.value.logo
+            document.head.appendChild(link)
+        }
+    },
+    {
+        deep: true,
+        immediate: true
+    }
+)
 </script>
 
 <template>

+ 8 - 6
src/components/common/ShareModal.vue

@@ -9,16 +9,17 @@
                 </div> -->
                 <div class="text1">
                     <div>邀请好友</div>
-                    <div>加入{{ company.name }}助手</div>
+                    <div>加入{{ company.companyName }}</div>
                 </div>
-                <div class="text2">带领一小部分人先驾驭{{ company.name }}助手!</div>
+                <div class="text2">带领一小部分人先驾驭{{ company.companyName }}!</div>
                 <div class="text3">
                     <div class="logo flex items-center">
-                        <img src="@/assets/share-logo1.png" alt="" />
-                        <span class="ml-[5px]">{{ company.name }}助手</span>
+                        <img v-if="company.logo" :src="company.logo" alt="" />
+                        <img v-else src="@/assets/share-logo1.png" alt="" />
+                        <span class="ml-[5px]">{{ company.companyName }}</span>
                     </div>
                     <div class="info">
-                        {{ company.name }}助手不会淘汰你,但能驾驭{{ company.name }}助手的人会淘汰你!
+                        {{ company.companyName }}不会淘汰你,但能驾驭{{ company.companyName }}的人会淘汰你!
                     </div>
                 </div>
                 <div class="qrcode flex items-center justify-center">
@@ -238,7 +239,8 @@ async function copyShare() {
 
         .logo {
             img {
-                width: 32px;
+                display: block;
+                width: auto;
                 height: 20px;
             }
             span {

+ 1 - 3
src/store/modules/company/index.ts

@@ -27,8 +27,7 @@ export const useCompanyStore = defineStore('company-store', {
                     id: 0,
                     name: '走马AI',
                     code: undefined,
-                    companyName: '走马AI助手',
-                    logo: 'https://nebuai.oss-cn-hangzhou.aliyuncs.com/image/logo/logo-text.png'
+                    companyName: '走马AI助手'
                 })
                 useAuthStore().changeToken(`SECRET_TOKEN`)
                 useChatStore().changeChatLocal('chatStorage')
@@ -38,7 +37,6 @@ export const useCompanyStore = defineStore('company-store', {
                     this.setCompanyInfo({
                         ...res,
                         companyName: res.company ? res.company : res.name + '助手',
-                        logo: res.logo || 'https://nebuai.oss-cn-hangzhou.aliyuncs.com/image/logo/logo-text.png',
                         code: res.code || undefined
                     })
                     useAuthStore().changeToken(`SECRET_TOKEN${res.id === 0 ? '' : res.id}`)

+ 9 - 1
src/views/chat/components/Message/Avatar.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
 import { NAvatar, useOsTheme } from 'naive-ui'
-import { useUserStore, useAppStore, useChatStore } from '@/store'
+import { useUserStore, useAppStore, useChatStore, useCompanyStore } from '@/store'
 import { isString } from '@/utils/is'
 import defaultAvatar from '@/assets/avatar.png'
 import { useTheme } from '@/hooks/useTheme'
@@ -54,6 +54,11 @@ const avatar = computed(() => userStore.userInfo.avatar)
 const OsTheme = useOsTheme()
 const appStore = useAppStore()
 const { isDark } = useTheme()
+
+const companyStore = useCompanyStore()
+const company = computed(() => {
+    return companyStore.company
+})
 </script>
 
 <template>
@@ -73,6 +78,9 @@ const { isDark } = useTheme()
                 <img :src="isDark ? icons[iconId - 1].dark : icons[iconId - 1].light" alt="" />
             </template>
         </template>
+        <template v-else-if="company.id !== 0 && company.logo">
+            <img :src="company.logo" alt="" />
+        </template>
         <template v-else>
             <img src="@/assets/logo.png" v-if="isDark" alt="" />
             <img src="@/assets/logo1.png" v-else alt="" />

+ 5 - 5
src/views/page/HomeView.vue

@@ -18,7 +18,7 @@
                     >
                         <!-- <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="company.logo" class="h-[28px] md:h-[40px]" alt="" />
+                        <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.companyName
                         }}</span>
@@ -360,10 +360,10 @@ const pcBg = computed(() => {
 })
 
 const logo = computed(() => {
-    // if (pageType.value === 'Legal') {
-    //     return logo2
-    // }
-    return logo1
+    if (company.value.logo) {
+        return company.value.logo
+    }
+    return 'https://nebuai.oss-cn-hangzhou.aliyuncs.com/image/logo/logo-text.png'
 })
 
 const brand = computed(() => {