bg

src/store/modules/company/helper.ts

@@ -4,7 +4,9 @@ export interface CompanyInfo {
     logo?: string
     assistantName?: string
     description?: string
-    type?:string | number
+    type?: string | number
+    bgDesktop?: string
+    bgMobile?: string
 }
 
 export interface CompanyState {
@@ -21,4 +23,3 @@ export function defaultSetting(): CompanyState {
         }
     }
 }
-

src/views/page/HomeView.vue

@@ -1,7 +1,7 @@
 <template>
     <n-el
         class="page h-full flex flex-col bg-cover bg-center overflow-auto"
-        :style="{ backgroundImage: `url(${isMobile ? h5Bg : pcBg})` }"
+        :style="{ backgroundImage: `url(${background})` }"
     >
         <NConfigProvider
             :theme-overrides="{
@@ -102,10 +102,7 @@
                                         :class="{ 'absolute bottom-0': index === 1 }"
                                     >
                                         <div class="whitespace-nowrap">{{ item.name }}</div>
-                                        <div
-                                            class="mt-1 text-[10px] text-neutral-400 whitespace-nowrap"
-                                            :class="{ 'text-[#FCF7FE]': pageType === 'Legal' }"
-                                        >
+                                        <div class="mt-1 text-[10px] text-neutral-400 whitespace-nowrap">
                                             {{ item.desc }}
                                         </div>
                                     </div>
@@ -216,13 +213,7 @@ import {
     useDialog
 } from 'naive-ui'
 import h5Img from '@/assets/bg_mobile.jpg'
-import h5Img2 from '@/assets/bg_mobile2.jpg'
 import pcImg1 from '@/assets/bg_desktop1.jpg'
-import pcImg2 from '@/assets/bg_desktop2.jpg'
-import logo1 from '@/assets/logo-text.png'
-import brand1 from '@/assets/brand.png'
-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, watch } from 'vue'
@@ -234,7 +225,6 @@ import imgHuihua from '@/assets/huihua.png'
 import imgItem06 from '@/assets/png-06.png'
 import { init as initEruda } from '@/utils/console'
 import { useStorage } from '@vueuse/core'
-import borderImg from '@/assets/png-biankuang.png'
 
 const { isMobile } = useBasicLayout()
 
@@ -269,6 +259,13 @@ const isLogin = computed(() => {
     return !!userStore.userInfo.id
 })
 
+const background = computed(() => {
+    if (isMobile.value) {
+        return company.value?.bgMobile || h5Img
+    }
+    return company.value?.bgDesktop || pcImg1
+})
+
 const onLogin = () => {
     showLogin.value = false
     loading.value = true
@@ -344,40 +341,12 @@ const company = computed(() => {
     return companyStore.company
 })
 
-const h5Bg = computed(() => {
-    if (pageType.value === 'Legal') {
-        return h5Img2
-    }
-    return h5Img
-})
-
-const pcBg = computed(() => {
-    if (pageType.value === 'Legal') {
-        return pcImg2
-    }
-    return pcImg1
-})
-
 const logo = computed(() => {
     if (company.value.logo) {
         return company.value.logo
     }
     return 'https://nebuai.oss-cn-hangzhou.aliyuncs.com/image/logo/logo-text.png'
 })
-
-const brand = computed(() => {
-    if (pageType.value === 'Legal') {
-        return brand2
-    }
-    return brand1
-})
-
-const pageType = computed(() => {
-    if (Number(company.value.id) === 2) {
-        return 'Legal'
-    }
-    return 'default'
-})
 </script>
 
 <style lang="less" scoped>