From d61593f666089ac2fd30678d0268165fed7ac42f Mon Sep 17 00:00:00 2001
From: wuhongjian <wuhongjian@hisense.com>
Date: Tue, 14 Jun 2022 14:03:46 +0800
Subject: [PATCH] bug

---
 .../views/newHome/components/WorkDynamics.vue | 397 +++++++++---------
 1 file changed, 198 insertions(+), 199 deletions(-)

diff --git a/front/src/views/newHome/components/WorkDynamics.vue b/front/src/views/newHome/components/WorkDynamics.vue
index 6f440925..dd52a9f9 100644
--- a/front/src/views/newHome/components/WorkDynamics.vue
+++ b/front/src/views/newHome/components/WorkDynamics.vue
@@ -360,205 +360,204 @@
       flex-direction: column;
       align-items: center;
       margin-bottom: 0.32rem;
-        width: 0.34rem;
-        border-radius: 0.01rem;
-        margin-top: 0.18rem;
-      }
-    }
-
-    .content {
-      width: 13rem;
-      height: 4.8rem;
-      display: flex;
-      padding-left: 0.2rem;
-      .content-empty {
-        height: 2.2rem;
-        padding-top: 0.49rem;
-    }
-      background: #f3f5f9;
-      border: #eaedf2 0.01rem solid;
-    }
-
-    .content > div:hover {
-      border-radius: 0.02rem;
-      border: 0.01rem solid #0058e1;
-      box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
-    }
-
-    .content-miaoshui {
-      display: flex;
-      flex-direction: column;
-      padding-top: 0.2rem;
-      align-items: center;
-      padding-bottom: 0.1rem;
-      .content-miaoshui-title {
-        padding-left: 0.05rem;
-        padding-right: 0.05rem;
-        font-size: 0.18rem;
-        font-weight: bold;
-        height: 0.3rem;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 1;
-        -webkit-box-orient: vertical;
-        margin-bottom: 0.12rem;
-        word-break: break-all;
-      }
-
-      .content-miaoshui-content {
-        height: 1.2rem;
-        width: 2.98rem;
-        margin: 0.12rem 0.1rem 0.1rem 0.1rem;
-        font-family: text-typeface;
-        font-size: 0.14rem;
-        line-height: 0.2rem;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 6;
-        -webkit-box-orient: vertical;
-        margin-bottom: 0.12rem;
-        word-break: break-all;
-        cursor: pointer;
-      }
-    }
-
-    .shijain {
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
-      align-items: bottom;
-      margin-right: 0.16rem;
-      margin-left: 0.16rem;
-      div:first-child {
-        margin-left: 0.16rem;
-      }
-    }
-
-    .shijain-content-bootom {
-      margin-right: 0.16rem;
-      width: 0.8rem;
-      height: 0.24rem;
-      text-align: center;
-      border: 0.01rem solid #0058e1;
-      cursor: pointer;
-      color: #0058e1;
-    }
-
-    .shijain-content-bootom:hover {
-      background: rgba(0, 88, 225, 0.3);
-    }
-
-    .content > div > div {
-      height: 2.4rem;
-      width: 100%;
-    }
-
-    .one {
-      height: 2.4rem;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      background-size: 100%;
-      padding-top: 0.15rem;
-      .shijain {
-        margin-top: 0.2rem;
-      }
-
-      :deep(.ant-imag) {
-        text-align: center;
-      }
-      :deep(.ant-image-img) {
-        height: 2.1rem;
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        width: 100%;
-        max-width: 2.98rem;
-      }
-    }
-
-    .bottom {
-      height: 0.24rem;
-      font-size: 0.16rem;
-      width: 1rem;
-      margin-top: 0.4rem;
-      cursor: pointer;
-      text-align: center;
-      color: #000000;
-
-      .gengduo {
-        display: inline-block;
-        margin-left: 0.04rem;
-        width: 0.1rem;
-        height: 0.1rem;
-        background: url('~@/assets/newHome/gd2.png') no-repeat;
-        background-position: center;
-      }
-    }
-
-    .bottom:hover {
-      border-radius: 0.02rem;
-      background-color: rgba(1, 102, 255, 0.1);
-    }
-
-    .content > div {
-      height: 4.8rem;
-      width: 3.1rem;
-      margin-right: 0.2rem;
-    }
-
-    .fixedmount {
-      height: 1.5rem;
-      display: flex;
-      position: fixed;
-      bottom: 2.56rem;
-      right: 1.9rem;
-      z-index: 10;
-      flex-direction: column;
-      justify-content: space-between;
-      align-items: center;
-    }
-
-    .fixedmount div {
-      width: 0.7rem;
-      height: 0.7rem;
-      border-radius: 0.04rem;
-      border: 0.01rem #94aac9 solid;
-      display: flex;
-      flex-direction: column;
-      // justify-content: center;
-      align-items: center;
-      padding-top: 0.13rem;
-      position: relative;
-      cursor: pointer;
-      background: #e3edfc;
-    }
-
-    .fixedmount div p:nth-child(2) {
-      position: absolute;
-      bottom: 0rem;
-      height: 0.14rem;
-      font-size: 0.14rem;
-      line-height: 0.14rem;
-      color: #000000;
-      // margin-top: .08rem;
-    }
-
-    .fixedmount div:nth-child(1) p:nth-child(1) {
-      height: 0.24rem;
-      width: 0.24rem;
-      background: url('~@/assets/home/shenqing.png') no-repeat;
-      background-size: cover;
-      background-position: center;
-    }
-
-    .fixedmount div:nth-child(2) p:nth-child(1) {
-      height: 0.24rem;
-      width: 0.24rem;
-      background: url('~@/assets/home/shangjia.png') no-repeat;
+      width: 0.34rem;
+      border-radius: 0.01rem;
+      margin-top: 0.18rem;
     }
   }
+
+  .content {
+    width: 13rem;
+    height: 4.8rem;
+    display: flex;
+    padding-left: 0.2rem;
+    .content-empty {
+      height: 2.2rem;
+      padding-top: 0.49rem;
+    }
+    background: #f3f5f9;
+    border: #eaedf2 0.01rem solid;
+  }
+
+  .content > div:hover {
+    border-radius: 0.02rem;
+    border: 0.01rem solid #0058e1;
+    box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
+  }
+
+  .content-miaoshui {
+    display: flex;
+    flex-direction: column;
+    padding-top: 0.2rem;
+    align-items: center;
+    padding-bottom: 0.1rem;
+    .content-miaoshui-title {
+      padding-left: 0.05rem;
+      padding-right: 0.05rem;
+      font-size: 0.18rem;
+      font-weight: bold;
+      height: 0.3rem;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 1;
+      -webkit-box-orient: vertical;
+      margin-bottom: 0.12rem;
+      word-break: break-all;
+    }
+
+    .content-miaoshui-content {
+      height: 1.2rem;
+      width: 2.98rem;
+      margin: 0.12rem 0.1rem 0.1rem 0.1rem;
+      font-family: text-typeface;
+      font-size: 0.14rem;
+      line-height: 0.2rem;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 6;
+      -webkit-box-orient: vertical;
+      margin-bottom: 0.12rem;
+      word-break: break-all;
+      cursor: pointer;
+    }
+  }
+
+  .shijain {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: bottom;
+    margin-right: 0.16rem;
+    margin-left: 0.16rem;
+    div:first-child {
+      margin-left: 0.16rem;
+    }
+  }
+
+  .shijain-content-bootom {
+    margin-right: 0.16rem;
+    width: 0.8rem;
+    height: 0.24rem;
+    text-align: center;
+    border: 0.01rem solid #0058e1;
+    cursor: pointer;
+    color: #0058e1;
+  }
+
+  .shijain-content-bootom:hover {
+    background: rgba(0, 88, 225, 0.3);
+  }
+
+  .content > div > div {
+    height: 2.4rem;
+    width: 100%;
+  }
+
+  .one {
+    height: 2.4rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background-size: 100%;
+    padding-top: 0.15rem;
+    .shijain {
+      margin-top: 0.2rem;
+    }
+
+    :deep(.ant-imag) {
+      text-align: center;
+    }
+    :deep(.ant-image-img) {
+      height: 2.1rem;
+      text-align: center;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+      max-width: 2.98rem;
+    }
+  }
+
+  .bottom {
+    height: 0.24rem;
+    font-size: 0.16rem;
+    width: 1rem;
+    margin-top: 0.4rem;
+    cursor: pointer;
+    text-align: center;
+    color: #000000;
+
+    .gengduo {
+      display: inline-block;
+      margin-left: 0.04rem;
+      width: 0.1rem;
+      height: 0.1rem;
+      background: url('~@/assets/newHome/gd2.png') no-repeat;
+      background-position: center;
+    }
+  }
+
+  .bottom:hover {
+    border-radius: 0.02rem;
+    background-color: rgba(1, 102, 255, 0.1);
+  }
+
+  .content > div {
+    height: 4.8rem;
+    width: 3.1rem;
+    margin-right: 0.2rem;
+  }
+
+  .fixedmount {
+    height: 1.5rem;
+    display: flex;
+    position: fixed;
+    bottom: 2.56rem;
+    right: 1.9rem;
+    z-index: 10;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .fixedmount div {
+    width: 0.7rem;
+    height: 0.7rem;
+    border-radius: 0.04rem;
+    border: 0.01rem #94aac9 solid;
+    display: flex;
+    flex-direction: column;
+    // justify-content: center;
+    align-items: center;
+    padding-top: 0.13rem;
+    position: relative;
+    cursor: pointer;
+    background: #e3edfc;
+  }
+
+  .fixedmount div p:nth-child(2) {
+    position: absolute;
+    bottom: 0rem;
+    height: 0.14rem;
+    font-size: 0.14rem;
+    line-height: 0.14rem;
+    color: #000000;
+    // margin-top: .08rem;
+  }
+
+  .fixedmount div:nth-child(1) p:nth-child(1) {
+    height: 0.24rem;
+    width: 0.24rem;
+    background: url('~@/assets/home/shenqing.png') no-repeat;
+    background-size: cover;
+    background-position: center;
+  }
+
+  .fixedmount div:nth-child(2) p:nth-child(1) {
+    height: 0.24rem;
+    width: 0.24rem;
+    background: url('~@/assets/home/shangjia.png') no-repeat;
+  }
 </style>