From 7b2dbd031d9c2f832c5e4889e6841b8a27159999 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期三, 28 四月 2021 10:24:59 +0800
Subject: [PATCH] 修改桌面和应用中心图标样式

---
 src/pages/ai/index/App.vue                        |   30 ++++++++++++++++--------------
 src/pages/desktop/index/components/ToolsEntry.vue |    1 +
 public/images/desktop/background.png              |    0 
 3 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/public/images/desktop/background.png b/public/images/desktop/background.png
index 7b9b347..25ec172 100644
--- a/public/images/desktop/background.png
+++ b/public/images/desktop/background.png
Binary files differ
diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue
index 9a6f674..f863a7c 100644
--- a/src/pages/ai/index/App.vue
+++ b/src/pages/ai/index/App.vue
@@ -2065,7 +2065,7 @@
         }
       }
       .task-list {
-        background: #fdfdfd;
+        background:#1c364a;
         padding: 20px;
         box-sizing: border-box;
 
@@ -2075,14 +2075,14 @@
           flex-wrap: wrap;
           min-height: 200px;
           .wrap-box {
-            width: 16.66%;
+            width: 11%;
           }
           .list-choose-item-left {
             width: 80%;
             height: auto;
             margin: auto;
             margin-bottom: 30px;
-            max-width: 200px;
+            max-width: 150px;
             .mask {
               width: 100%;
 
@@ -2098,14 +2098,14 @@
         display: flex;
         flex-wrap: wrap;
         .wrap-box {
-          width: 16.6%;
+          width: 11.6%;
           margin-bottom: 30px;
           .list-choose-item-left {
             width: 80%;
             height: auto;
             margin: auto;
             margin-bottom: 30px;
-            max-width: 200px;
+            max-width: 150px;
           }
           .inner {
             width: 80%;
@@ -2132,9 +2132,9 @@
               }
             }
             .alg-name {
-              height: 36px;
+              height: 20px;
               text-align: center;
-              line-height: 36px;
+              line-height: 20px;
             }
             .mask {
               position: absolute;
@@ -2311,7 +2311,7 @@
       font-size: 14px;
 
       transition: all 1s;
-      background: #ffffff;
+      // background: #ffffff;
       border-radius: 4px;
       p {
         display: none;
@@ -2345,8 +2345,8 @@
       }
     }
     .list-choose-item-left-uninstal {
-      color: darkgray;
-      background-color: #ddd;
+      color: gray;
+      filter: grayscale(100%);;
     }
     .list-complete-item.sortable-chosen {
       background: #4ab7bd;
@@ -2455,11 +2455,11 @@
     }
     .alg-name {
       //margin-top: 12px;
-      line-height: 36px;
+      line-height: 20px;
       font-family: PingFangSC-Regular;
       font-size: 14px;
       letter-spacing: 0.05em;
-      color: #3e4664;
+      color: #fff;
       // background-color: #ecf5ff;
       .el-input {
         position: relative;
@@ -2491,6 +2491,7 @@
         padding-top: 100%;
         position: relative;
         box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
+        border-radius: 25px;
         svg {
           position: absolute;
           top: 50%;
@@ -2503,6 +2504,7 @@
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
+          max-height: 150px;
           // max-width: 106px;
           // max-height: 106px;
         }
@@ -2519,10 +2521,10 @@
       }
       &.uninstall {
         .svg-wrap {
-          background-color: #ddd;
+          filter: grayscale(100%);
         }
         .alg-name {
-          color: darkgray;
+          color: #ffffff;
         }
       }
     }
diff --git a/src/pages/desktop/index/components/ToolsEntry.vue b/src/pages/desktop/index/components/ToolsEntry.vue
index a648359..6c84eb8 100644
--- a/src/pages/desktop/index/components/ToolsEntry.vue
+++ b/src/pages/desktop/index/components/ToolsEntry.vue
@@ -274,6 +274,7 @@
             height: 110px;
             margin: auto;
             position: relative;
+            border-radius: 10px;
             img {
               vertical-align: middle;
               margin-right: -3px;

--
Gitblit v1.8.0