Browse Source

更换logo

master_hella_20240701
yufei0306 6 months ago
parent
commit
84fb3515de
  1. 2
      .env
  2. 8
      index.html
  3. BIN
      src/assets/imgs/logo_white.png
  4. 8
      src/layout/components/Logo/src/Logo.vue
  5. 4
      src/views/login/login.vue

2
.env

@ -1,5 +1,5 @@
# 标题 # 标题
VITE_APP_TITLE=SFMS管理系统 VITE_APP_TITLE=富维海拉管理系统
# 项目本地运行端口号 # 项目本地运行端口号
VITE_PORT=80 VITE_PORT=80

8
index.html

@ -3,16 +3,16 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<!-- <link rel="icon" href="/favicon.ico" /> --> <!-- <link rel="icon" href="/favicon.ico" /> -->
<link rel="icon" href="/src/assets/imgs/logo1.png" /> <!-- <link rel="icon" href="/src/assets/imgs/logo1.png" /> -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta <meta
name="keywords" name="keywords"
content="SFMS管理系统 基于 vue3 + CompositionAPI + typescript + vite3 + element plus 的后台开源免费管理系统!" content="富维海拉管理系统 基于 vue3 + CompositionAPI + typescript + vite3 + element plus 的后台开源免费管理系统!"
/> />
<meta <meta
name="description" name="description"
content="SFMS管理系统 基于 vue3 + CompositionAPI + typescript + vite3 + element plus 的后台开源免费管理系统!" content="富维海拉管理系统 基于 vue3 + CompositionAPI + typescript + vite3 + element plus 的后台开源免费管理系统!"
/> />
<title>%VITE_APP_TITLE%</title> <title>%VITE_APP_TITLE%</title>
</head> </head>
@ -137,7 +137,7 @@
<div class="app-loading"> <div class="app-loading">
<div class="app-loading-wrap"> <div class="app-loading-wrap">
<div class="app-loading-title"> <div class="app-loading-title">
<img src="/src/assets/imgs/logo.png" class="app-loading-logo" alt="Logo" /> <img src="/src/assets/imgs/logo_white.png" class="app-loading-logo" alt="Logo" />
<div class="app-loading-title">%VITE_APP_TITLE%</div> <div class="app-loading-title">%VITE_APP_TITLE%</div>
</div> </div>
<div class="app-loading-item"> <div class="app-loading-item">

BIN
src/assets/imgs/logo_white.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

8
src/layout/components/Logo/src/Logo.vue

@ -77,7 +77,11 @@ watch(
]" ]"
to="/" to="/"
> >
<img <img
class="h-24px w-160px h-40px"
src="@/assets/imgs/logo_white.png"
/>
<!-- <img
class="h-24px w-[calc(var(--logo-height)-20px)]" class="h-24px w-[calc(var(--logo-height)-20px)]"
src="@/assets/imgs/logo_white.svg" src="@/assets/imgs/logo_white.svg"
/> />
@ -93,7 +97,7 @@ watch(
]" ]"
> >
{{ title }} {{ title }}
</div> </div> -->
</router-link> </router-link>
</div> </div>
</template> </template>

4
src/views/login/login.vue

@ -9,7 +9,7 @@
> >
<!-- 左上角的 logo + 系统标题 --> <!-- 左上角的 logo + 系统标题 -->
<div class="relative flex items-center text-white"> <div class="relative flex items-center text-white">
<img alt="" class="mr-10px h-24px w-48px" src="@/assets/imgs/logo.png" /> <img alt="" class="mr-10px h-40px w-160px" src="@/assets/imgs/logo_white.png" />
<span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span> <span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span>
</div> </div>
<!-- 左边的背景图 + 欢迎语 --> <!-- 左边的背景图 + 欢迎语 -->
@ -33,7 +33,7 @@
class="flex items-center justify-between text-white at-2xl:justify-end at-xl:justify-end" class="flex items-center justify-between text-white at-2xl:justify-end at-xl:justify-end"
> >
<div class="flex items-center at-2xl:hidden at-xl:hidden"> <div class="flex items-center at-2xl:hidden at-xl:hidden">
<img alt="" class="mr-10px h-48px w-48px" src="@/assets/imgs/logo.png" /> <img alt="" class="mr-10px h-40px w-160px" src="@/assets/imgs/logo_white.png" />
<span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span> <span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span>
</div> </div>
<div class="flex items-center justify-end space-x-10px"> <div class="flex items-center justify-end space-x-10px">

Loading…
Cancel
Save