1

src/views/user/Login.vue

@@ -21,7 +21,7 @@
       </a-layout-header>
 
       <!-- OA工作台 -->
-      <a-card title="OA工作台" :bordered="false" style="width: 100%;    background-color: #f2f2f6;">
+      <a-card title="OA工作台" :bordered="true" style="background-color: white; padding:20px;">
         <div class="oa">
           <a class="oaItem" v-for="(item, index) in activeKeyAll" :key="index.id" @click.prevent="aClick(item)">
             <span>
@@ -236,11 +236,11 @@ export default {
       padding: 18px;
       height: 180px;
       width: 100%;
-      background-color: #347b98;
+      background-color: rgba(26, 133, 229, 0.9);
       box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.1), 0 6px 20px 1px rgba(0, 0, 0, 0.19);
       margin-bottom: 30px;
-      border-bottom-right-radius: 18px;
-      border-bottom-left-radius: 18px;
+      border-bottom-right-radius: 30px;
+      border-bottom-left-radius: 30px;
       // 待办小黑板
       .left {
         height: 100%;
@@ -252,7 +252,7 @@ export default {
           position: relative;
           letter-spacing: 1px;
           font-size: 18px;
-          color: #092834;
+          color: white;
           display: block;
           margin-top: 30px;
           // 待办 数量
@@ -275,7 +275,7 @@ export default {
         line-height: 30px;
         margin: 30px 8px 0 0;
         padding: 12px 24px;
-        background-color: #f7e0d4;
+        background-color: white;
         border-radius: 10px;
         letter-spacing: 1px;
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
@@ -284,13 +284,13 @@ export default {
           margin: 0;
           padding: 0;
           font-size: 16px;
-          color: #1489b8;
+          color: #1c7dd6;
           margin-top: 10%;
         }
         // 文字
         span {
           font-size: 16px;
-          color: #092834;
+          color: #1c7dd6;
           font-weight: 700;
         }
       }
@@ -302,15 +302,15 @@ export default {
       flex-flow: row wrap;
       justify-content: space-between;
       text-align: center;
-      padding: 40px;
+      // padding: 40px;
       //四个按钮
       .oaItem {
-        width: calc((100% - 70px) / 2);
+        width: calc((100% - 220px) / 2);
         color: #092834;
         border-radius: 10px;
         margin-bottom: 70px;
         background-color: white;
-        box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
+        // box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
 
         // 图
         span {