style(theme): 更新各主题logo及顶部栏样式,统一白底阴影效果

- 所有主题的 avue-logo 背景改为白色,并添加 0 2px 8px rgba(0,0,0,0.06) 阴影效果
- 各主题顶部栏背景及文字颜色调整,提升整体对比度与视觉统一性
- 统一调整下拉菜单、面包屑、图标等元素颜色为 rgba(0,0,0,0.85) 或 0.65,增强易读性
- 修正部分输入框和色彩选择器的边框及背景颜色,增强一致性
- index.html 添加 favicon.ico 作为页面图标
- 新增图标悬停显示浅灰圆形背景效果示例页面 icon-hover-demo.html
- icon-hover-demo.html 包含核心 CSS 代码和 Element Plus 的示例用法,方便复用和参考
This commit is contained in:
2026-07-31 19:37:12 +08:00
parent 368e027426
commit d1c8786043
4 changed files with 16 additions and 9 deletions

View File

@@ -23,7 +23,7 @@ export default {
//配置首页不可关闭
setting: {
sidebar: 'vertical',
tag: true,
tag: false,
debug: false,
collapse: true,
search: false,

View File

@@ -1,5 +1,5 @@
<template>
<div class="avue-logo">
<div class="avue-logo" @click="goHome" style="cursor: pointer">
<transition name="fade">
<span v-if="getScreen(isCollapse)" class="avue-logo_subtitle" key="0">
<img class="logo-img" src="/img/logo.png" />
@@ -23,17 +23,23 @@ export default {
},
created() {},
computed: {
...mapGetters(['isCollapse']),
...mapGetters(['isCollapse', 'tagWel']),
},
methods: {
goHome() {
this.$router.push(this.tagWel);
},
},
methods: {},
};
</script>
<style scoped>
.logo-title {
font-size: 20px;
font-size: 17px;
color: #fff;
font-weight: 700;
padding-left: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.logo-img {
width: 40px;

View File

@@ -10,7 +10,7 @@
</div>
</div>
<div class="top-bar__title">
<top-menu ref="topMenu" v-if="setting.menu"></top-menu>
<!-- <top-menu ref="topMenu" v-if="setting.menu"></top-menu>-->
<top-search class="top-bar__item" v-if="setting.search"></top-search>
</div>
<div class="top-bar__right">

View File

@@ -16,7 +16,7 @@
}
.avue-main {
padding: 0 5px;
//padding: 0 5px;
}
.avue-tags {
@@ -48,7 +48,8 @@
}
.avue-sidebar {
background-color: #ebf1f6;
//background-color: #ebf1f6;
background-color: #ffffff;
box-shadow: none;
.el-menu-item, .el-sub-menu__title {