From 475958b9c193fc364b6bf25af05a50e59375d643 Mon Sep 17 00:00:00 2001 From: wl <173@qq.com> Date: 星期五, 23 十二月 2022 14:52:40 +0800 Subject: [PATCH] feat: 内容提交 --- 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