From c4bcf2b999cbc889b7ede5cc20f8e3b31b922d5f Mon Sep 17 00:00:00 2001
From: panpp <805820766@qq.com>
Date: Wed, 1 Jul 2020 14:08:53 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=86=E5=B8=B8=E7=94=A8?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/manager/main.ftl | 62 +++++++++++++-----------
 1 file changed, 34 insertions(+), 28 deletions(-)

diff --git a/src/main/webapp/WEB-INF/manager/main.ftl b/src/main/webapp/WEB-INF/manager/main.ftl
index 50acb312..19c41652 100644
--- a/src/main/webapp/WEB-INF/manager/main.ftl
+++ b/src/main/webapp/WEB-INF/manager/main.ftl
@@ -43,8 +43,7 @@
         </div>
         <div  class="class-6" >
         </div>
-        <div  class="class-7" >
-          <div class="panel">
+        <div  class="panel" >
             <div  v-if="alwaysList.length>0" class="panel-title">
               常用功能
             </div>
@@ -61,9 +60,6 @@
                 <!--文本结束-->
               </div>
             </div>
-
-          </div>
-
         </div>
         <!--大容器开始-->
         <div  class="class-43" >
@@ -466,36 +462,40 @@
   });
 </script>
 <style>
-  .panel-content .mitem {
-    color: #333333;
-    cursor: pointer;
-    outline-offset: -1px;
-    height: 88px;
-    flex-direction: column;
-    display: flex;
-    animation-duration: 1s;
-    width: 88px;
-    background-repeat: no-repeat;
-    align-items: center;
-
-  }
-  .panel .panel-content .mitem:hover i ,.panel .panel-content .mitem:hover .item-title{
-    color:#409EFF
-  }
-  .panel-content .mitem i {
-    font-size: 36px;
-  }
   .panel {
+    margin-top:10px;
     color: #333333;
-    padding: 10px;
+    padding-right:20px;
+    padding-top:20px;
+    max-width:100%;
+    padding-left:20px;
     outline-offset: -1px;
-    flex: 1;
     background-color: rgba(255, 255, 255, 1);
     flex-direction: column;
     display: flex;
     animation-duration: 1s;
     background-repeat: no-repeat;
   }
+  .panel .panel-content .mitem:hover i ,.panel .panel-content .mitem:hover .item-title{
+    color:#409EFF
+  }
+  .panel-content .mitem i {
+    font-size: 40px;
+  }
+  .panel-content .mitem {
+    color: #333333;
+    cursor: pointer;
+    outline-offset: -1px;
+    max-width:100%;
+    height: 69px;
+    flex-direction: column;
+    display: flex;
+    animation-duration: 1s;
+    width: 25%;
+    background-repeat: no-repeat;
+    align-items: center;
+    margin-bottom:20px;
+  }
   .panel .panel-title {
     color: #333333;
     word-wrap: break-word;
@@ -503,8 +503,6 @@
     display: inline-block;
     animation-duration: 1s;
     font-size: 16px;
-    padding-left: 10px;
-    margin-top: 5px;
   }
   .panel .panel-content {
     color: #333333;
@@ -521,6 +519,14 @@
     padding-left: 10px;
     background-repeat: no-repeat;
   }
+  .panel .panel-content .mitem .item-title{
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+  }
   .custom-body {
   }
   .class-1