From badd84cc656409590040caaad63bf22f0b6afaf1 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 14 七月 2021 18:09:25 +0800
Subject: [PATCH] 2021-07-14

---
 src/views/appmanage/index.scss |  109 +++++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 86 insertions(+), 23 deletions(-)

diff --git a/src/views/appmanage/index.scss b/src/views/appmanage/index.scss
index b1aa6a4..3d5b6a2 100644
--- a/src/views/appmanage/index.scss
+++ b/src/views/appmanage/index.scss
@@ -1,41 +1,104 @@
 .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;
+    left: 0;
   }
-  .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 {
+        margin-top: 30px;
+        .ant-input-search {
+          width: 250px;
+          float: right;
+        }
+      }
+      .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-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