From 137fb8ea6af2789b3238b22bac31d80bced41dfe Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 28 七月 2021 11:39:39 +0800
Subject: [PATCH] 2021-07-28

---
 src/views/appmanage/index.scss |  132 +++++++++++++++++++++++++++++++++++--------
 1 files changed, 106 insertions(+), 26 deletions(-)

diff --git a/src/views/appmanage/index.scss b/src/views/appmanage/index.scss
index b1aa6a4..5f9cb3b 100644
--- a/src/views/appmanage/index.scss
+++ b/src/views/appmanage/index.scss
@@ -1,41 +1,121 @@
 .mk-app-manage {
   background: #fff;
   min-height: 100vh;
-  padding-bottom: 70px;
+  padding: 70px 30px;
 
-  .mob-header-container {
-    padding-right: 0px;
-    position: relative;
-    z-index: 10;
+  .loading-mask {
+    position: fixed;
+    top: 0px;
+    bottom: 0px;
+    left: 0px;
+    right: 0px;
+    z-index: 2;
+    background: rgba(255, 255, 255, 0.35);
+
+    .ant-spin {
+      position: absolute;
+      left: 50%;
+      top: 50%;
+    }
   }
-  .app-table {
-    max-width: 1440px;
-    margin: 0 auto;
-    padding: 40px 30px 20px;
-    .sub-app-title {
-      margin-bottom: 15px;
-      border-bottom: 1px solid #e8e8e8;
-      span {
-        position: relative;
-        top: 1px;
-        display: inline-block;
-        color: #1890ff;
-        padding: 10px 15px 5px;
-        border-bottom: 2px solid #1890ff;
+  .view-wrap {
+    width: 100%;
+    position: relative;
+    display: flex;
+
+    .left-view {
+      flex: 1;
+      width: 60%;
+      padding-right: 5px;
+      .trans-table, .script-table {
+        margin-top: 40px;
+        .ant-input-search {
+          width: 250px;
+          float: right;
+        }
+        .ant-typography, .ant-typography p {
+          margin-bottom: 0;
+        }
+      }
+      .trans-table.no-footer {
+        .ant-pagination {
+          display: none;
+        }
+      }
+    }
+    .right-view {
+      width: 40%;
+      padding-left: 20px;
+
+      .app-title {
+        font-size: 16px;
+        font-weight: 500;
+        height: 30px;
+        line-height: 30px;
+        border-bottom: 1px solid #d8d8d8;
+        margin-bottom: 17px;
+      }
+      .sub-app {
+        margin: 10px 10px 25px;
+        border: 1px solid #e8e8e8;
+        height: 180px;
+        border-radius: 4px;
+        padding-top: 10px;
+
+        .app-item {
+          height: 30px;
+          line-height: 30px;
+          div {
+            display: inline-block;
+            white-space: nowrap;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            line-height: 30px;
+          }
+          .label {
+            width: 40%;
+            text-align: right;
+            color: rgba(0, 0, 0, 0.65);
+            .anticon-question-circle {
+              color: #c49f47;
+              margin-right: 3px;
+            }
+          }
+          .content {
+            width: 60%;
+            padding-left: 10px;
+            color: rgba(0, 0, 0, 0.85);
+          }
+        }
+        .action {
+          text-align: right;
+          padding: 5px 20px;
+          margin-top: 5px;
+          border-top: 1px solid #e8e8e8;
+
+          .ant-typography-copy {
+            color: #26C281;
+          }
+        }
       }
     }
   }
   .ant-table-wrapper {
-    border: 1px solid #e8e8e8;
-    border-bottom: 0;
-    border-radius: 4px;
-    .ant-table-tbody > tr.ant-table-row-selected td {
-      background: #bae7ff;
+    .ant-table-body {
+      border: 1px solid #e8e8e8;
+      border-bottom: 0;
+      border-radius: 4px;
+    }
+    .ant-table-tbody {
+      > tr.ant-table-row-selected td {
+        background: #bae7ff;
+      }
     }
   }
   .app-action {
-    button {
-      margin: 0px 15px 15px 0px;
+    >button {
+      margin-bottom: 10px;
     }
   }
 }

--
Gitblit v1.8.0