From 85d714d7ebd469c910d6e30ce1d6e6a503845150 Mon Sep 17 00:00:00 2001
From: wuhongjian <wuhongjian@hisense.com>
Date: Tue, 14 Jun 2022 13:57:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=BC=E5=BC=8F=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/newHome/components/WorkDynamics.vue | 183 +++++++++++-------
 1 file changed, 109 insertions(+), 74 deletions(-)

diff --git a/front/src/views/newHome/components/WorkDynamics.vue b/front/src/views/newHome/components/WorkDynamics.vue
index 297d4096..f72db1a7 100644
--- a/front/src/views/newHome/components/WorkDynamics.vue
+++ b/front/src/views/newHome/components/WorkDynamics.vue
@@ -247,11 +247,12 @@
     top: 50%;
     margin-left: -2.6rem;
     margin-top: -1.44rem;
-    font-size: .14rem;
+    font-size: 0.14rem;
     font-weight: 500;
+
     .ant-radio-inner {
-      height: .16rem;
-      width: .16rem;
+      height: 0.16rem;
+      width: 0.16rem;
     }
     .ant-radio-inner::after {
       background-color: unset;
@@ -260,46 +261,50 @@
       background-position: center;
     }
     .ant-modal-content {
-      border-radius: .1rem;
+      border-radius: 0.1rem;
+
       .ability-to-type,
       .component-type {
         display: flex;
-        margin-top: .2rem;
+        margin-top: 0.2rem;
         .title {
           white-space: nowrap;
-          margin-right: .2rem;
+          margin-right: 0.2rem;
           display: flex;
           align-items: center;
-          height: .26rem;
+          height: 0.26rem;
         }
         .content {
           width: 100%;
+
           .ant-radio-group {
             display: grid;
             grid-template-columns: 1fr 1fr 1fr;
-            grid-gap: .15rem;
+            grid-gap: 0.15rem;
           }
         }
       }
+
       .ability-to-type {
         .content {
           display: grid;
           grid-template-columns: 1fr 1fr 1fr;
           div {
-            margin-right: .15rem;
+            margin-right: 0.15rem;
             cursor: pointer;
-            font-size: .14rem;
-            width: .9rem;
-            height: .26rem;
-            border-radius: .13rem;
+            font-size: 0.14rem;
+            width: 0.9rem;
+            height: 0.26rem;
+            border-radius: 0.13rem;
             color: #333333;
             background: #f5f5f5;
-            border: .01rem #cccccc solid;
+            border: 0.01rem #cccccc solid;
             display: flex;
             justify-content: center;
             align-items: center;
             font-weight: 500;
           }
+
           .ability-to-type-down {
             background: #0087ff;
             color: #fff;
@@ -307,26 +312,30 @@
         }
       }
     }
+
     .ant-modal-title {
       display: flex;
       align-items: center;
     }
+
     .ant-modal-footer {
       border: 0;
       text-align: center;
-      padding-bottom: .2rem;
+      padding-bottom: 0.2rem;
+
       button {
-        margin-right: .2rem;
-        border-radius: .08rem;
+        margin-right: 0.2rem;
+        border-radius: 0.08rem;
       }
     }
+
     .showBg {
-      height: .24rem;
-      width: .24rem;
+      height: 0.24rem;
+      width: 0.24rem;
       background: url('~@/assets/home/shenqing.png') no-repeat;
       background-size: cover;
       background-position: center;
-      margin-right: .1rem;
+      margin-right: 0.1rem;
     }
   }
 </style>
@@ -335,106 +344,121 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding-bottom: .8rem;
-    padding-top: .78rem;
+    padding-bottom: 0.8rem;
+    padding-top: 0.78rem;
+
     .title {
-      font-size: .3rem;
+      font-size: 0.3rem;
       font-family: 'convergence-typeface';
       display: flex;
       flex-direction: column;
       align-items: center;
-      margin-bottom: .32rem;
+      margin-bottom: 0.32rem;
+
       .title-son {
-        width: .34rem;
-        height: .03rem;
+        width: 0.34rem;
+        height: 0.03rem;
         background: #0058e1;
-        border-radius: .01rem;
-        margin-top: .18rem;
+        border-radius: 0.01rem;
+        margin-top: 0.18rem;
       }
     }
+
     .content {
       width: 13rem;
       height: 4.8rem;
       display: flex;
-      padding-left: .2rem;
+      padding-left: 0.2rem;
+
       .content-empty {
         height: 2.2rem;
-        padding-top: .49rem;
+        padding-top: 0.49rem;
       }
     }
+
     .content > div {
       background: #f3f5f9;
-      border: #eaedf2 .01rem solid;
+      border: #eaedf2 0.01rem solid;
     }
+
     .content > div:hover {
-      border-radius: .02rem;
-      border: .01rem solid #0058e1;
-      box-shadow: 0rem .08rem .2rem rgba(0, 88, 225, 0.3);
+      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: .2rem;
+      padding-top: 0.2rem;
       align-items: center;
-      padding-bottom: .1rem;
+      padding-bottom: 0.1rem;
+
       .content-miaoshui-title {
-        padding-left: .05rem;
-        padding-right: .05rem;
-        font-size: .18rem;
+        padding-left: 0.05rem;
+        padding-right: 0.05rem;
+        font-size: 0.18rem;
         font-weight: bold;
-        height: .3rem;
+        height: 0.3rem;
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 1;
         -webkit-box-orient: vertical;
-        margin-bottom: .12rem;
+        margin-bottom: 0.12rem;
         word-break: break-all;
       }
+
       .content-miaoshui-content {
         height: 1.2rem;
         width: 2.98rem;
-        margin: .12rem .1rem .1rem .1rem;
+        margin: 0.12rem 0.1rem 0.1rem 0.1rem;
         font-family: text-typeface;
-        font-size: .14rem;
-        line-height: .2rem;
+        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: .12rem;
+        margin-bottom: 0.12rem;
         word-break: break-all;
         cursor: pointer;
       }
     }
+
     .shijain {
       width: 100%;
       display: flex;
       justify-content: space-between;
       align-items: bottom;
-      margin-right: .16rem;
-      margin-left: .16rem;
+      margin-right: 0.16rem;
+      margin-left: 0.16rem;
+
       div:first-child {
-        margin-left: .16rem;
+        margin-left: 0.16rem;
       }
     }
+
     .shijain-content-bootom {
-      margin-right: .16rem;
-      width: .8rem;
-      height: .24rem;
+      margin-right: 0.16rem;
+      width: 0.8rem;
+      height: 0.24rem;
       text-align: center;
-      border: .01rem solid #0058e1;
+      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;
@@ -442,10 +466,12 @@
       justify-content: center;
       align-items: center;
       background-size: 100%;
-      padding-top: .15rem;
+      padding-top: 0.15rem;
+
       .shijain {
-        margin-top: .2rem;
+        margin-top: 0.2rem;
       }
+
       :deep(.ant-imag) {
         text-align: center;
       }
@@ -458,32 +484,37 @@
         max-width: 2.98rem;
       }
     }
+
     .bottom {
-      height: .24rem;
-      font-size: .16rem;
+      height: 0.24rem;
+      font-size: 0.16rem;
       width: 1rem;
-      margin-top: .4rem;
+      margin-top: 0.4rem;
       cursor: pointer;
       text-align: center;
       color: #000000;
+
       .gengduo {
         display: inline-block;
-        margin-left: .04rem;
-        width: .1rem;
-        height: .1rem;
+        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: .02rem;
+      border-radius: 0.02rem;
       background-color: rgba(1, 102, 255, 0.1);
     }
+
     .content > div {
       height: 4.8rem;
       width: 3.1rem;
-      margin-right: .2rem;
+      margin-right: 0.2rem;
     }
+
     .fixedmount {
       height: 1.5rem;
       display: flex;
@@ -495,39 +526,43 @@
       justify-content: space-between;
       align-items: center;
     }
+
     .fixedmount div {
-      width: .7rem;
-      height: .7rem;
-      border-radius: .04rem;
-      border: .01rem #94aac9 solid;
+      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: .13rem;
+      padding-top: 0.13rem;
       position: relative;
       cursor: pointer;
       background: #e3edfc;
     }
+
     .fixedmount div p:nth-child(2) {
       position: absolute;
       bottom: 0rem;
-      height: .14rem;
-      font-size: .14rem;
-      line-height: .14rem;
+      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: .24rem;
-      width: .24rem;
+      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: .24rem;
-      width: .24rem;
+      height: 0.24rem;
+      width: 0.24rem;
       background: url('~@/assets/home/shangjia.png') no-repeat;
     }
   }