From a5e8ef032f149ac7a3827169a8affa8ecd4cb4f9 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期三, 19 八月 2020 18:06:51 +0800
Subject: [PATCH] 打开应用异步抓取快照去掉最小化快照,应用中心界面调整,初始应用窗口计算修改

---
 src/pages/ai/index/App.vue |   61 +++++++++++++-----------------
 1 files changed, 27 insertions(+), 34 deletions(-)

diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue
index 1917651..0c1a640 100644
--- a/src/pages/ai/index/App.vue
+++ b/src/pages/ai/index/App.vue
@@ -46,16 +46,23 @@
                     </div>
                     <div class="wrap-box" v-for="(item) in installedList" :key="item.id">
                       <div class="list-choose-item-left">
-                        <div class="mask" v-if="!item.isEdit">
+                        <!-- <div class="mask" v-if="!item.isEdit">
                           <el-button
                             @click="commandAlgLib(item)"
                             type="primary"
                             class="bot-btn"
                           >缂栬緫鍚嶇О</el-button>
-                        </div>
+                        </div> -->
                         <div class="list-complete-item-handle">
                           <!-- <span :class="`iconfont ${item.icon}`" style="font-size:3rem;"></span> -->
                           <div class="svg-wrap">
+                            <div class="mask" v-if="!item.isEdit">
+                              <el-button
+                                @click="commandAlgLib(item)"
+                                type="primary"
+                                class="bot-btn"
+                              >缂栬緫鍚嶇О</el-button>
+                            </div>
                             <!-- <svg class="icon" aria-hidden="true" style="font-size:7rem;">
                               <use :xlink:href="`#${item.icon}`" />
                             </svg>-->
@@ -1161,7 +1168,8 @@
   }
 }
 .src-title{
-  color: #333;
+  //color: #bfbfbf;
+  color: #bbcee8;
   font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';
   font-weight: 650;
   font-style: normal;
@@ -1250,7 +1258,7 @@
         }
       }
       .task-list {
-        background: #fff;
+        background: #fdfdfd;
         padding: 20px;
         box-sizing: border-box;
         
@@ -1258,36 +1266,14 @@
           display: flex;
           flex-direction: row;
           flex-wrap: wrap;
-          // justify-content: space-around;
-          // align-content: space-around;
-          // &:after {
-          //   content: "";
-          //   flex: auto;
-          // }
           .wrap-box {
             width: 16.66%;
           }
           .list-choose-item-left {
-            // width: 220px;
-            // height: 214px;
             width: 80%;
             height: auto;
             margin: auto;
             margin-bottom: 30px;
-            // @media screen and(min-width: 1895px) {
-            //   //margin: 20px 25px 20px 20px;
-            //   width: 230px;
-            //   height: 224px;
-            // }
-            // @media screen and(min-width: 1695px) and(max-width:1895px ) {
-            //   margin: 20px 10px 20px 15px;
-            // }
-            // @media screen and(min-width: 1460px) and(max-width: 1695px) {
-            //   margin: 20px 25px 20px 20px;
-            // }
-            // @media screen and(max-width: 1460px) {
-            //   margin: 20px 15px 20px 10px;
-            // }
           }
         }
       }
@@ -1680,8 +1666,8 @@
       // height: 214px;
       transition: all 1s;
       background: #ffffff;
-      border: 1px solid #e2e2e2;
-      box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
+      //border: 1px solid #e2e2e2;
+      //box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
       border-radius: 4px;
       p {
         display: none;
@@ -1701,6 +1687,7 @@
       .mask {
         display: flex;
         align-items: flex-end;
+        top: 0;
         .bot-btn {
           flex: 1;
         }
@@ -1816,11 +1803,12 @@
       color: #222222;
     }
     .alg-name {
-      margin-top: 12px;
+      //margin-top: 12px;
       line-height: 36px;
       font-family: PingFangSC-Regular;
-      font-size: 15px;
-      color: #222222;
+      font-size: 14px;
+      letter-spacing: 0.05em;
+      color: #3e4664;
       // background-color: #ecf5ff;
       .el-input {
         position: relative;
@@ -1852,13 +1840,16 @@
     }
     .list-complete-item-handle {
       height: 100%;
-      padding-bottom: 10px;
+      //padding-bottom: 10px;
       text-align: center;
       .svg-wrap {
-        width: 80%;
+        //width: 80%;
+        width: 100%;
         margin: auto;
         padding-top: 80%;
+        padding-top: 100%;
         position: relative;
+        box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
         svg {
           position: absolute;
           top: 50%;
@@ -1866,11 +1857,13 @@
           transform: translate(-50%, -50%);
         }
         .baseImg {
-          width: 60%;
+          width: 56%;
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
+          max-width: 106px;
+          max-height: 106px;
         }
       }
     }

--
Gitblit v1.8.0