From 3c4d54bcb66d7cec4a35defc999250e200b4fdd2 Mon Sep 17 00:00:00 2001 From: baizonghao <1719256278@qq.com> Date: 星期四, 25 五月 2023 15:39:37 +0800 Subject: [PATCH] 不予立案 --- src/views/Home.vue | 101 +++++++++++++++++++++++++++++++------------------- 1 files changed, 63 insertions(+), 38 deletions(-) diff --git a/src/views/Home.vue b/src/views/Home.vue index 9a0dfc6..342d92e 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,29 +16,34 @@ @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 unique-opene> - <el-submenu index="/workbench"> +<!-- <el-submenu index="/workbench">--> +<!-- <template slot="title">--> +<!-- <!– 鍥炬爣 –>--> +<!-- <i class="el-icon-s-platform"></i>--> +<!-- <!– 鏂囨湰 –>--> +<!-- <span>宸ヤ綔鍙�</span>--> +<!-- </template>--> +<!-- <el-menu-item index="/">--> +<!-- <template slot="title">--> +<!-- <i class="el-icon-menu"></i>--> +<!-- <span>宸ヤ綔鍙�</span>--> +<!-- </template>--> +<!-- </el-menu-item>--> +<!-- </el-submenu>--> + <el-menu-item index="/workbench"> <template slot="title"> - <!-- 鍥炬爣 --> - <i class="iconfont icon-user"></i> - <!-- 鏂囨湰 --> + <i class="el-icon-menu"></i> <span>宸ヤ綔鍙�</span> </template> - <el-menu-item index="/"> - <template slot="title"> - <i class="el-icon-menu"></i> - <span>宸ヤ綔鍙�</span> - </template> - </el-menu-item> - </el-submenu> + </el-menu-item> <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 +58,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"> @@ -77,22 +82,28 @@ <span>鍏叡瀹d紶</span> </template> </el-menu-item> - <el-menu-item index="/question"> + <el-menu-item index="/announcement"> <template slot="title"> <i class="el-icon-menu"></i> - <span>甯歌闂</span> + <span>璀︽柟鍏憡</span> </template> </el-menu-item> - <el-menu-item index="/sensitive"> - <template slot="title"> - <i class="el-icon-menu"></i> - <span>鏁忔劅璇�</span> - </template> - </el-menu-item> +<!-- <el-menu-item index="/question">--> +<!-- <template slot="title">--> +<!-- <i class="el-icon-menu"></i>--> +<!-- <span>甯歌闂</span>--> +<!-- </template>--> +<!-- </el-menu-item>--> +<!-- <el-menu-item index="/sensitive">--> +<!-- <template slot="title">--> +<!-- <i class="el-icon-menu"></i>--> +<!-- <span>鏁忔劅璇�</span>--> +<!-- </template>--> +<!-- </el-menu-item>--> </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,19 +112,21 @@ <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> </el-menu> </el-aside> <!-- 鍙充晶鍐呭涓婚 --> - <el-main> + <el-main style="background-color: #F5FAFF"> <router-view></router-view> +<!-- <div style="position: absolute;bottom: 0;right: 50%;color: #ccc">褰撳墠鐗堟湰 v2.1.3</div>--> </el-main> + </el-container> </el-container> </template> @@ -145,12 +158,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 +177,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 +196,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