bd4rr/vue-naive-admin
1
0
Fork 0
mirror of https://github.com/zclzone/vue-naive-admin.git synced 2025-05-02 07:09:01 +08:00
Code

feat: logo背景色根据主题色自动调整

Browse Source
This commit is contained in:
zclzone 2024-03-04 16:33:35 +08:00
parent 7d0a17b2b5
commit 886ef9e11c
4 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/isme.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

12
src/components/common/TheLogo.vue Normal file
View File

@ -0,0 +1,12 @@
<!--------------------------------
- @Author: Ronnie Zhang
- @LastEditor: Ronnie Zhang
- @LastEditTime: 2024/03/04 16:09:47
- @Email: zclzone@outlook.com
- Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
--------------------------------->
<template>
<div class="h-40 w-40 rounded-full bg-primary p-1/100">
<img src="@/assets/images/isme.png" alt="Logo" />
</div>
</template>

3
src/layouts/components/SideLogo.vue
View File

@ -8,7 +8,8 @@
<template> <template>
<router-link class="h-60 f-c-c" to="/"> <router-link class="h-60 f-c-c" to="/">
<img src="@/assets/images/logo.png" class="h-40" /> <!-- <img src="@/assets/images/logo.png" class="h-40" /> -->
<TheLogo class="rounded-8!" />
<h2 <h2
v-show="!appStore.collapsed" v-show="!appStore.collapsed"
class="ml-10 max-w-140 flex-shrink-0 text-16 color-primary font-bold" class="ml-10 max-w-140 flex-shrink-0 text-16 color-primary font-bold"

6
src/styles/reset.css
View File

@ -41,3 +41,9 @@ textarea {
border: none; border: none;
resize: none; resize: none;
} }
img,
video {
max-width: 100%;
height: auto;
}