From 57f63af79046b85cc23b0314ea3bb863992f3ad4 Mon Sep 17 00:00:00 2001
From: fangyuan <527392886@qq.com>
Date: 星期一, 26 十二月 2022 17:25:56 +0800
Subject: [PATCH] 工作台跳转
---
src/views/Home.vue | 49 ++++++++++++++++++++++++++++++-------------------
1 files changed, 30 insertions(+), 19 deletions(-)
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 9a0dfc6..aa58ab5 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -2,9 +2,9 @@
<el-container class="home-container">
<!-- 澶撮儴鍖哄煙 -->
<el-header>
- <div>
- <img src="../assets/logo.png" alt="">
- <span>闈掔緤缁忎睛鍚庡彴</span>
+ <div class="image">
+ <img src="../assets/jh.png" alt="">
+ <span>闈掔緤鍏畨缁忎睛</span>
</div>
<el-button type="info" @click="logout">閫�鍑�</el-button>
</el-header>
@@ -16,8 +16,7 @@
@click="toggleCollapse">|||
</div>
<!-- 渚ц竟鏍忚彍鍗曞尯鍩� -->
- <el-menu text-color="#000"
- active-text-color="#000"
+ <el-menu text-color="rgb(191, 203, 217)"
:collapse="isCollapse"
:collapse-transition="false"
router
@@ -25,7 +24,7 @@
<el-submenu index="/workbench">
<template slot="title">
<!-- 鍥炬爣 -->
- <i class="iconfont icon-user"></i>
+ <i class="el-icon-s-platform"></i>
<!-- 鏂囨湰 -->
<span>宸ヤ綔鍙�</span>
</template>
@@ -38,7 +37,7 @@
</el-submenu>
<el-submenu index="/cause">
<template slot="title">
- <i class="iconfont icon-user"></i>
+ <i class="el-icon-notebook-1"></i>
<span>妗堜欢鍖�</span>
</template>
<el-menu-item index="/entry">
@@ -53,16 +52,16 @@
<span>缇ょ粍浜ゆ祦</span>
</template>
</el-menu-item>
- <el-menu-item index="/search">
+ <!-- <el-menu-item index="/search">
<template slot="title">
<i class="el-icon-menu"></i>
<span>缇ょ粍鎼滅储</span>
</template>
- </el-menu-item>
+ </el-menu-item> -->
</el-submenu>
<el-submenu index="/common">
<template slot="title">
- <i class="iconfont icon-user"></i>
+ <i class="el-icon-bangzhu"></i>
<span>鍏叡鍖�</span>
</template>
<el-menu-item index="/audit">
@@ -92,7 +91,7 @@
</el-submenu>
<el-submenu index="/manager">
<template slot="title">
- <i class="iconfont icon-user"></i>
+ <i class="el-icon-s-custom"></i>
<span>绠＄悊鍖�</span>
</template>
<el-menu-item index="/user">
@@ -101,10 +100,10 @@
<span>鐢ㄦ埛绠＄悊</span>
</template>
</el-menu-item>
- <el-menu-item index="/people">
+ <el-menu-item index="/police">
<template slot="title">
<i class="el-icon-menu"></i>
- <span>浜哄憳绠＄悊</span>
+ <span>璀﹀憳绠＄悊</span>
</template>
</el-menu-item>
</el-submenu>
@@ -145,12 +144,12 @@
}
.el-header {
- background-color: #fff;
+ background-color: #242f42;
display: flex;
justify-content: space-between;
padding-left: 0;
align-items: center;
- color: #000;
+ color: #FFFFFF;
font-size: 20px;
> div {
display: flex;
@@ -164,14 +163,18 @@
}
.el-aside {
- background-color: #fff;
+ background-color: rgb(50, 65, 87);
.el-menu {
border-right: none;
+ background-color: rgb(50, 65, 87);
+ .el-menu-item{
+ background-color: rgb(50, 65, 87);
+ }
}
}
.el-main {
- background-color: #eaedf1;
+
}
.iconfont {
@@ -179,13 +182,21 @@
}
.toggle-button {
- background-color: #fff;
+ background-color:rgb(50, 65, 87);
font-size: 10px;
line-height: 24px;
- color: #6495EDFF;
+ color:rgb(191, 203, 217);
text-align: center;
letter-spacing: 0.2em;
cursor: pointer;
}
+.image {
+ img {
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ background-color: #eee;
+ }
+ }
</style>
--
Gitblit v1.8.0