From d757b3c8cdd0f707d3082b7c872e581f8869521e Mon Sep 17 00:00:00 2001
From: wuhongjian <wuhongjian@hisense.com>
Date: Tue, 19 Jul 2022 10:47:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=86=B2=E7=AA=81=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ApplicationFunctionIntorduction.vue       | 283 +++++++++---------
 front/src/views/home/integrationServices.vue  | 173 ++++++-----
 2 files changed, 225 insertions(+), 231 deletions(-)

diff --git a/front/src/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue b/front/src/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue
index 4f94a17c..5ea3c2f8 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue
@@ -115,165 +115,162 @@
 </script>
 
 <style lang="less" scoped>
-    .function-intorduction {
-      width: 100%;
-      background: #f7f8fa;
+  .function-intorduction {
+    width: 100%;
+    background: #f7f8fa;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    overflow-x: unset;
+
+    .application-scenarios-and-case-son {
+      padding-top: 0.8rem;
+      padding-bottom: 0.8rem;
       display: flex;
       flex-direction: column;
       align-items: center;
-      overflow-x: unset;
+      overflow: unset;
 
-      .application-scenarios-and-case-son {
-        padding-top: 0.8rem;
-        padding-bottom: 0.8rem;
+      .tab {
+        max-width: 13rem;
+        overflow-x: auto;
         display: flex;
-        flex-direction: column;
-        align-items: center;
-        overflow: unset;
+        justify-content: center;
+        color: #808080;
+        border-bottom: 0.01rem #e4e6f5 solid;
+        margin-top: 0.45rem;
+        margin-bottom: 0.4rem;
+        cursor: pointer;
+        padding-left: 0.4rem;
+        padding-right: 0.4rem;
 
-        .tab {
-          max-width: 13rem;
-          overflow-x: auto;
+        .tab-son {
           display: flex;
-          justify-content: center;
-          color: #808080;
-          border-bottom: 0.01rem #e4e6f5 solid;
-          margin-top: 0.45rem;
-          margin-bottom: 0.4rem;
-          cursor: pointer;
-          padding-left: 0.4rem;
-          padding-right: 0.4rem;
+          flex-direction: column;
+          align-items: center;
+          margin-right: 1rem;
 
-          .tab-son {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            margin-right: 1rem;
-
-            .tab-top {
-              min-width: 1.2rem;
-              font-size: 0.24rem;
-              line-height: 0.24rem;
-              margin-bottom: 0.2rem;
-              max-width: 2rem;
-              height: 0.24rem;
-              display: -webkit-box;
-              overflow: hidden;
-              -webkit-line-clamp: 1;
-              -webkit-box-orient: vertical;
-              text-align: center;
-              word-break: break-all;
-            }
-
-            .tab-top-down {
-              min-width: 1.2rem;
-              color: #526aff;
-              margin-bottom: 0.16rem;
-            }
-
-            .tab-bottom {
-              height: 0.04rem;
-              width: 0.6rem;
-              background: #526aff;
-            }
-          }
-
-          .tab-son-class {
-            margin-left: 4.3rem;
-            margin-bottom: 0.02rem;
-          }
-
-          .tab-son-class-two {
-            margin-left: 2.3rem;
-            margin-bottom: 0.02rem;
-          }
-
-          .tab-son:last-child {
-            margin-right: 0rem;
-          }
-        }
-
-        .tab::-webkit-scrollbar-thumb {
-          background: rgba(82, 106, 255, 0.4);
-        }
-
-        .content {
-          display: flex;
-          position: relative;
-          width: 100%;
-          min-width: 13rem;
-          height: 3.4rem;
-
-          .content-left {
-            position: absolute;
-            left: 0;
-            min-width: 6.2rem;
-
-            :deep(.ant-image-img) {
-              width: 100%;
-              height: 100%;
-              object-fit: contain;
-            }
-
-            // text-align: center;
-            .content-top {
-              text-align: left;
-            }
-          }
-
-          .content-right {
-            width: 6.2rem;
-            height: 3.4rem;
-            position: absolute;
-            right: 0;
-            display: flex;
-            justify-content: center;
-          }
-
-          .content-right-scene,
-          .content-right-case {
-            width: 6.2rem;
-            height: 3.4rem;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-          }
-
-          .content-left-scene,
-          .content-left-case {
-            height: 3.4rem;
-            width: 6.35rem;
-            border-radius: 0.1rem;
-            background: url('~@/assets/detailsAll/sf_tupianceshi.png') no-repeat;
-            background-position: center;
-            background-size: 6.35rem 3.4rem;
-          }
-
-          .content-top {
-            font-size: 0.22rem;
-            line-height: 0.22rem;
-            color: #000000;
-            margin-bottom: 0.35rem;
-          }
-
-          .content-bottom {
-            font-size: 0.18rem;
-            color: #999999;
-            line-height: 0.26rem;
+          .tab-top {
+            min-width: 1.2rem;
+            font-size: 0.24rem;
+            line-height: 0.24rem;
+            margin-bottom: 0.2rem;
+            max-width: 2rem;
+            height: 0.24rem;
             display: -webkit-box;
             overflow: hidden;
-            -webkit-line-clamp: 6;
+            -webkit-line-clamp: 1;
             -webkit-box-orient: vertical;
-  <<<<<<< HEAD
-  =======
+            text-align: center;
             word-break: break-all;
-  >>>>>>> hi-ucs-dev
           }
+
+          .tab-top-down {
+            min-width: 1.2rem;
+            color: #526aff;
+            margin-bottom: 0.16rem;
+          }
+
+          .tab-bottom {
+            height: 0.04rem;
+            width: 0.6rem;
+            background: #526aff;
+          }
+        }
+
+        .tab-son-class {
+          margin-left: 4.3rem;
+          margin-bottom: 0.02rem;
+        }
+
+        .tab-son-class-two {
+          margin-left: 2.3rem;
+          margin-bottom: 0.02rem;
+        }
+
+        .tab-son:last-child {
+          margin-right: 0rem;
         }
       }
 
-      .application-scenarios-and-case-son:first-child {
-        padding-top: 1rem;
+      .tab::-webkit-scrollbar-thumb {
+        background: rgba(82, 106, 255, 0.4);
+      }
+
+      .content {
+        display: flex;
+        position: relative;
+        width: 100%;
+        min-width: 13rem;
+        height: 3.4rem;
+
+        .content-left {
+          position: absolute;
+          left: 0;
+          min-width: 6.2rem;
+
+          :deep(.ant-image-img) {
+            width: 100%;
+            height: 100%;
+            object-fit: contain;
+          }
+
+          // text-align: center;
+          .content-top {
+            text-align: left;
+          }
+        }
+
+        .content-right {
+          width: 6.2rem;
+          height: 3.4rem;
+          position: absolute;
+          right: 0;
+          display: flex;
+          justify-content: center;
+        }
+
+        .content-right-scene,
+        .content-right-case {
+          width: 6.2rem;
+          height: 3.4rem;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+        }
+
+        .content-left-scene,
+        .content-left-case {
+          height: 3.4rem;
+          width: 6.35rem;
+          border-radius: 0.1rem;
+          background: url('~@/assets/detailsAll/sf_tupianceshi.png') no-repeat;
+          background-position: center;
+          background-size: 6.35rem 3.4rem;
+        }
+
+        .content-top {
+          font-size: 0.22rem;
+          line-height: 0.22rem;
+          color: #000000;
+          margin-bottom: 0.35rem;
+        }
+
+        .content-bottom {
+          font-size: 0.18rem;
+          color: #999999;
+          line-height: 0.26rem;
+          display: -webkit-box;
+          overflow: hidden;
+          -webkit-line-clamp: 6;
+          -webkit-box-orient: vertical;
+          word-break: break-all;
+        }
       }
     }
+
+    .application-scenarios-and-case-son:first-child {
+      padding-top: 1rem;
+    }
+  }
 </style>
diff --git a/front/src/views/home/integrationServices.vue b/front/src/views/home/integrationServices.vue
index 650fe4ad..d2f0443b 100644
--- a/front/src/views/home/integrationServices.vue
+++ b/front/src/views/home/integrationServices.vue
@@ -227,113 +227,110 @@
   })
 </script>
 <style lang="less" scoped>
-    .resultListSearchInput-father {
-      background: #f3f5f9;
-      padding: 0.2rem;
+  .resultListSearchInput-father {
+    background: #f3f5f9;
+    padding: 0.2rem;
 
-      // padding-left: 0.2rem;
-      // padding-top: 0.2rem;
-      .resultListSearchInput-son {
-        background: #fff;
-        padding: 0.2rem 0.2rem 0rem 0.3rem;
+    // padding-left: 0.2rem;
+    // padding-top: 0.2rem;
+    .resultListSearchInput-son {
+      background: #fff;
+      padding: 0.2rem 0.2rem 0rem 0.3rem;
 
-        .hengxian {
-          width: 100%;
-          height: 0.01rem;
-          background: rgba(150, 144, 144, 0.3);
-          margin-top: 0.2rem;
-        }
+      .hengxian {
+        width: 100%;
+        height: 0.01rem;
+        background: rgba(150, 144, 144, 0.3);
+        margin-top: 0.2rem;
       }
     }
+  }
 
-    .resultListSearchInput {
-      margin-left: 0.1rem;
+  .resultListSearchInput {
+    margin-left: 0.1rem;
 
-      :deep(.ant-input) {
-        width: 4rem;
-        height: 0.36rem;
-        background: #fff;
-        border-radius: 0.04rem;
-      }
-
-      :deep(.ant-input-search-button) {
-        width: 0.8rem;
-        height: 0.36rem;
-        background: #0087ff;
-        border-radius: 0.04rem !important;
-        font-size: 0.14rem;
-        font-weight: 400;
-        color: #fff;
-        line-height: 0.34rem;
-        margin-left: 0.1rem;
-      }
-
-      :deep(.ant-input-group-addon) {
-        left: 0 !important;
-      }
+    :deep(.ant-input) {
+      width: 4rem;
+      height: 0.36rem;
+      background: #fff;
+      border-radius: 0.04rem;
     }
 
-    .button-reset {
-      border: 0;
-      outline: none;
+    :deep(.ant-input-search-button) {
       width: 0.8rem;
       height: 0.36rem;
-      background: #e1edfa;
-      border-radius: 0.04rem;
+      background: #0087ff;
+      border-radius: 0.04rem !important;
       font-size: 0.14rem;
       font-weight: 400;
-      color: #0087ff;
+      color: #fff;
       line-height: 0.34rem;
-      margin-left: 2.5rem;
-      cursor: pointer;
+      margin-left: 0.1rem;
     }
 
-    .details-pageconetent {
-      height: 100%;
-      width: 100%;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      margin-top: 0.67rem;
+    :deep(.ant-input-group-addon) {
+      left: 0 !important;
+    }
+  }
+
+  .button-reset {
+    border: 0;
+    outline: none;
+    width: 0.8rem;
+    height: 0.36rem;
+    background: #e1edfa;
+    border-radius: 0.04rem;
+    font-size: 0.14rem;
+    font-weight: 400;
+    color: #0087ff;
+    line-height: 0.34rem;
+    margin-left: 2.5rem;
+    cursor: pointer;
+  }
+
+  .details-pageconetent {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 0.67rem;
+    position: relative;
+    background: rgba(245, 243, 243, 0.3);
+
+    .details-pageconetent-left {
+      max-height: 6.9rem;
+      position: absolute;
+      width: 2.5rem;
+      top: 0.17rem;
+      left: 2.5rem;
+      margin-right: 0.17rem;
+      overflow: auto;
+    }
+
+    .top {
+      min-height: 7.2rem;
       position: relative;
-      background: rgba(245, 243, 243, 0.3);
+      width: 11.5rem;
+      display: flex;
+      padding-top: 0.2rem;
+      flex-direction: column;
+      font-size: 0.16rem;
+      justify-content: left;
+      background: #f3f5f9;
 
-      .details-pageconetent-left {
-        max-height: 6.9rem;
-        position: absolute;
-        width: 2.5rem;
-        top: 0.17rem;
-        left: 2.5rem;
-        margin-right: 0.17rem;
-        overflow: auto;
-      }
-
-      .top {
-        min-height: 7.2rem;
-        position: relative;
-        width: 11.5rem;
-        display: flex;
-        padding-top: 0.2rem;
-        flex-direction: column;
-        font-size: 0.16rem;
-        justify-content: left;
+      .pagination {
         background: #f3f5f9;
-
-        .pagination {
-          background: #f3f5f9;
-          padding-bottom: 0.6rem;
-        }
+        padding-bottom: 0.6rem;
       }
     }
+  }
 
-    :deep(.ant-card-grid) {
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      -webkit-line-clamp: 1;
-  <<<<<<< HEAD
-  =======
-      word-break: break-all;
-  >>>>>>> hi-ucs-dev
-    }
+  :deep(.ant-card-grid) {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 1;
+    word-break: break-all;
+  }
 </style>