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: { setting: {
sidebar: 'vertical', sidebar: 'vertical',
tag: true, tag: false,
debug: false, debug: false,
collapse: true, collapse: true,
search: false, search: false,

View File

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

View File

@@ -10,7 +10,7 @@
</div> </div>
</div> </div>
<div class="top-bar__title"> <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> <top-search class="top-bar__item" v-if="setting.search"></top-search>
</div> </div>
<div class="top-bar__right"> <div class="top-bar__right">

View File

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