refactor(client): 优化页面多处细节与样式兼容性
1. 调整全局滚动条样式仅适配Firefox浏览器,修复Chrome下表头错位问题 2. 替换站点logo为Ant Design风格图标并优化样式 3. 重构客户拜访列表操作栏:合并详情按钮到下拉菜单,缩小操作列宽度 4. 优化操作按钮文本与主键判断逻辑,使用key替代文本匹配
This commit is contained in:
1 parent
4fe77be1af
commit
ae79d5157b
4 files changed
+29
-21
No files matched your search
@@ -6,7 +6,7 @@
|
||||
<div class="sider-inner">
|
||||
<!-- Logo区域 -->
|
||||
<div class="logo" @click="$router.push('/dashboard')">
|
||||
<img src="@/assets/vue.svg" alt="logo" class="logo-img" />
|
||||
<ThunderboltOutlined class="logo-img" />
|
||||
<h1 v-show="!collapsed" class="logo-title">智能电网IoT</h1>
|
||||
</div>
|
||||
|
||||
@@ -114,6 +114,7 @@ import {
|
||||
DownOutlined,
|
||||
LogoutOutlined,
|
||||
LockOutlined,
|
||||
ThunderboltOutlined,
|
||||
} from '@ant-design/icons-vue'
|
||||
import { usePermissionStore, type MenuNode } from '@/stores/permission'
|
||||
|
||||
@@ -331,8 +332,9 @@ function handleUserMenuClick({ key }: { key: string }) {
|
||||
}
|
||||
|
||||
.logo-img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
font-size: 32px;
|
||||
color: #1890ff;
|
||||
filter: drop-shadow(0 2px 4px rgba(24, 144, 255, 0.3));
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user