Просмотр исходного кода

Merge branch 'master' of http://git.qmth.com.cn/ExamCloud-3/examcloud-web-admin

weiwenhai 6 лет назад
Родитель
Сommit
22f74b35d5
2 измененных файлов с 16 добавлено и 9 удалено
  1. 3 3
      src/modules/portal/views/Login.vue
  2. 13 6
      src/modules/portal/views/home/Home.vue

+ 3 - 3
src/modules/portal/views/Login.vue

@@ -191,7 +191,7 @@ export default {
 }
 
 .logo-text {
-  font-family: "Xingkai SC", "STXingkai", "KaiTi";
+  /* font-family: "Xingkai SC", "STXingkai", "KaiTi"; */
   width: 100%;
   height: 40px;
   font-size: 40px;
@@ -207,7 +207,7 @@ export default {
 
 .login-main {
   width: 100%;
-  height: 100vh;
+  height: 90vh;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -220,7 +220,7 @@ export default {
   background-color: #ffffff;
   box-shadow: 0px 7px 20px 0px rgba(77, 124, 196, 0.1);
   border-radius: 38px;
-  opacity: 0.85;
+  opacity: 0.8;
   padding: 0 80px;
 }
 

+ 13 - 6
src/modules/portal/views/home/Home.vue

@@ -2,10 +2,10 @@
   <el-container>
     <el-header style="padding: 0;">
       <el-menu class="el-menu" mode="horizontal">
-        <el-menu-item index="1">
+        <el-menu-item index="1" style=" width: 200px;">
           <router-link
             to="/home/overview"
-            style="font-size: 20px; line-height: 24px; text-decoration-line: none"
+            style="font-size: 20px; line-height: 24px; width: 100%; text-decoration-line: none"
             title="回到主页"
           >
             云平台主页
@@ -42,7 +42,7 @@
     </el-container>
 
     <!-- 添加用户信息弹出框 -->
-    <el-dialog title="个人信息" :visible.sync="userDialog">
+    <el-dialog title="个人信息" width="400px" :visible.sync="userDialog">
       <el-tabs value="first">
         <el-tab-pane label="用户权限" name="first">
           <el-form :inline="true" label-position="right" label-width="90px">
@@ -256,14 +256,21 @@ export default {
   color: white !important;
 }
 
-.el-menu >>> .el-menu-item:hover {
-  color: #777777 !important;
+.el-menu >>> .el-menu-item:hover,
+.el-menu >>> .el-menu-item:focus {
+  color: white !important;
+  background-color: rgba(40, 121, 169) !important;
 }
 
 .el-menu >>> .is-active.el-menu-item:focus {
-  color: #777777 !important;
+  color: white !important;
 }
 
+/* .el-menu >>> .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, */
+/* .el-menu >>> .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover {
+  background-color: #000 !important;
+} */
+
 body > .el-container {
   margin-bottom: 40px;
 }