From 8aaa1d4deb6f764f93a9ee49f9b4be7620e024e1 Mon Sep 17 00:00:00 2001 From: whychdw <49690745@qq.com> Date: 星期六, 09 一月 2021 16:18:41 +0800 Subject: [PATCH] 提交内容 --- src/pages/dataMager/components/paramModule.vue | 34 +++++++++++++++++++--------------- 1 files changed, 19 insertions(+), 15 deletions(-) diff --git a/src/pages/dataMager/components/paramModule.vue b/src/pages/dataMager/components/paramModule.vue index f1a6f70..ae2179a 100644 --- a/src/pages/dataMager/components/paramModule.vue +++ b/src/pages/dataMager/components/paramModule.vue @@ -38,8 +38,8 @@ align-items: center; } .param-right { - width: 72px; - height: 72px; + width: 100px; + height: 100px; border: 2px solid #00fefe; border-radius: 50%; display: flex; @@ -52,10 +52,12 @@ position: absolute; content: ""; display: block; - width: 36px; - height: 36px; - left: 15px; - top: 15px; + width: 60px; + height: 60px; + left: 50%; + top: 50%; + margin-left: -30px; + margin-top: -30px; border: 1px dashed #00fefe; border-radius: 50%; } @@ -65,18 +67,20 @@ display: block; width: 26px; height: 26px; - left: 20px; - top: 20px; + top: 50%; + left: 50%; + margin-top: -13px; + margin-left: -13px; border: 1px solid #00fefe; border-radius: 50%; } .param-right .rotate { - width: 60px; - height: 60px; + width: 50px; + height: 50px; border: 6px solid #fa884c; position: absolute; - left: 4px; - top: 4px; + left: 24px; + top: 24px; -webkit-clip-path: circle(50% at 100% 0%); border-radius: 50%; /*-webkit-animation: rotate 2s infinite linear;*/ @@ -103,8 +107,8 @@ } } .param-left { - width: 140px; - height: 62px; + width: 160px; + height: 70px; background-color: #00fefe; border-radius: 0 30px 30px 0; border: 1px solid #fa884c; @@ -123,7 +127,7 @@ .param-left .dataCon { display: inline-block; min-width: 50px; - font-size: 13px; + font-size: 22px; text-align: center; color: #fa884c; padding: 4px; -- Gitblit v1.9.1