BUG修改

front/src/views/cimSpecialArea/components/algorithm.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: hisense.liangjunhua
  * @Date: 2022-08-19 10:00:16
- * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-08-19 15:55:05
+ * @LastEditors: Light
+ * @LastEditTime: 2022-10-21 17:29:46
  * @Description: 告诉大家这是什么
 -->
 <template>
@@ -42,46 +42,49 @@
   }
 </script>
 <style lang="less" scoped>
-  .algorithm {
-    padding: 0.7rem 1.05rem 0.5rem;
-    .header {
-      padding-bottom: 0.15rem;
-      border-bottom: 1px solid #bdbdbd;
-      font-size: 30px;
-      font-weight: 600;
-    }
-    .main {
-      padding: 0 0.93rem;
+.algorithm {
+  padding: 0.7rem 1.05rem 0.5rem;
+  .header {
+    padding-bottom: 0.15rem;
+    border-bottom: 1px solid #bdbdbd;
+    font-size: 30px;
+    font-weight: 600;
+  }
+  .main {
+    padding: 0 0.93rem;
+    display: flex;
+    flex-wrap: wrap;
+    .item {
+      width: 3.39rem;
+      height: 1rem;
+      border: 2px solid #7dbbff;
+      border-radius: 0.2rem;
+      margin: 0.3rem 0.2rem 0;
       display: flex;
-      flex-wrap: wrap;
-      .item {
-        width: 3.39rem;
-        height: 1rem;
-        border: 2px solid #7dbbff;
-        border-radius: 0.2rem;
-        margin: 0.3rem 0.2rem 0;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 0.41rem 0.4rem;
-        transition: all 0.5s;
-        .name {
-          font-size: 26px;
-          color: #7dbbff;
-        }
-        .img {
-          width: 0.57rem;
-          height: 0.57rem;
-          background: url('~@/assets/cimSpecialArea/zj.png') no-repeat;
-          background-size: 100%;
-        }
+      justify-content: space-between;
+      align-items: center;
+      padding: 0.41rem 0.4rem;
+      transition: all 0.5s;
+      .name {
+        font-size: 26px;
+        color: #7dbbff;
+        max-height: 26px;
+        line-height: 26px;
+        overflow: hidden;
       }
-      .item:hover {
-        cursor: pointer;
-        width: 3.45rem;
-        height: 1.1rem;
-        margin: 0.25rem 0.17rem -0.05rem;
+      .img {
+        width: 0.57rem;
+        height: 0.57rem;
+        background: url('~@/assets/cimSpecialArea/zj.png') no-repeat;
+        background-size: 100%;
       }
     }
+    .item:hover {
+      cursor: pointer;
+      width: 3.45rem;
+      height: 1.1rem;
+      margin: 0.25rem 0.17rem -0.05rem;
+    }
   }
+}
 </style>