From 40268268699defa09094f64ff7277246176c0b38 Mon Sep 17 00:00:00 2001 From: lb Date: Mon, 28 Nov 2022 15:42:09 +0800 Subject: [PATCH] update small blur box --- .../3DOverview/components/TechyTable.vue | 4 ++-- src/views/3DOverview/index.vue | 21 +++++++++++-------- 2 files changed, 14 insertions(+), 11 deletions(-) diff --git a/src/views/3DOverview/components/TechyTable.vue b/src/views/3DOverview/components/TechyTable.vue index 2bb759a..bb034f6 100644 --- a/src/views/3DOverview/components/TechyTable.vue +++ b/src/views/3DOverview/components/TechyTable.vue @@ -7,7 +7,7 @@ --> diff --git a/src/views/3DOverview/index.vue b/src/views/3DOverview/index.vue index 5df4f2e..ac37b12 100644 --- a/src/views/3DOverview/index.vue +++ b/src/views/3DOverview/index.vue @@ -318,20 +318,14 @@ export default { .techy-body-part__middle { position: absolute; + /* background: #ff3311; */ top: 0; right: calc(-16px * var(--beilv)); -} - -.techy-body-part__middle .techy-box { - position: absolute; - top: 0; - left: 0; - height: calc(128px * var(--beilv)); - width: calc(188px * var(--beilv)); + transform: translateX(100%); } .techy-body-part__middle__inner { - height: 100%; + /* height: 100%; */ padding: calc(16px * var(--beilv)); display: flex; flex-direction: column; @@ -346,8 +340,17 @@ export default { line-height: 1.5; color: #fff; display: flex; + min-width: calc(168px * var(--beilv)); +} + +.techy-body-part__middle__inner p:not(:last-child) { + margin-bottom: calc(8px * var(--beilv)); } +/* .techy-body-part__middle__inner p > b { + width: calc(90px * var(--beilv)); +} */ + .techy-body-part__middle__inner p > span { position: relative; padding-left: calc(16px * var(--beilv));