From 8b48a62f9c26f3583ccc6b50d8535326f27faad4 Mon Sep 17 00:00:00 2001 From: a0049873 <79py69t9wb@privaterelay.appleid.com> Date: Tue, 14 Jun 2022 11:52:16 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=BC=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../views/newHome/components/WorkDynamics.vue | 148 +++++++++--------- 1 file changed, 74 insertions(+), 74 deletions(-) diff --git a/front/src/views/newHome/components/WorkDynamics.vue b/front/src/views/newHome/components/WorkDynamics.vue index 155ba145..b07c2ee7 100644 --- a/front/src/views/newHome/components/WorkDynamics.vue +++ b/front/src/views/newHome/components/WorkDynamics.vue @@ -256,11 +256,11 @@ 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; @@ -269,24 +269,24 @@ 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; } } } @@ -295,15 +295,15 @@ 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; @@ -323,19 +323,19 @@ .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; } } @@ -344,75 +344,75 @@ 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; } @@ -422,18 +422,18 @@ 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; } @@ -451,9 +451,9 @@ 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; @@ -468,30 +468,30 @@ } } .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; @@ -505,15 +505,15 @@ 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; @@ -521,22 +521,22 @@ .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; } }