From 1c8259d4a4eb1b485054361e99744d276a284024 Mon Sep 17 00:00:00 2001 From: gaosp <gaosp> Date: 星期一, 11 三月 2024 19:21:56 +0800 Subject: [PATCH] 修改设备显示 --- src/container/workshop/device.vue | 28 +++++++++++++++------------- 1 files changed, 15 insertions(+), 13 deletions(-) diff --git a/src/container/workshop/device.vue b/src/container/workshop/device.vue index 6a8ceb7..a5b9ee2 100644 --- a/src/container/workshop/device.vue +++ b/src/container/workshop/device.vue @@ -1,7 +1,7 @@ <!-- * @Date: 2024-01-13 20:46:33 * @LastEditors: Sneed - * @LastEditTime: 2024-03-10 17:42:26 + * @LastEditTime: 2024-03-11 19:20:55 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/workshop/device.vue --> <template> @@ -228,17 +228,18 @@ display: flex; align-items: center; margin-bottom: 20px; - - overflow: hidden; - .img { // min-width: 100px; - width: 50%; - height: 100%; + width: 60%; + height: 150px; border: 1px solid #444C55; border-radius: 10px; position: relative; flex: 0 0 auto; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; .img-status { position: absolute; font-size: 12px; @@ -264,10 +265,11 @@ } img { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); + // position: absolute; + // top: 50%; + // left: 50%; + // transform: translate(-50%, -50%); + height: auto; width: 80%; } } @@ -289,7 +291,7 @@ align-items: center; &>div { - margin-left: 20px; + margin-left: 10px; ; } @@ -299,8 +301,8 @@ } img { - width: 40px; - height: 40px; + width: 25px; + height: 25px; } } } -- Gitblit v1.9.3