From 1c8259d4a4eb1b485054361e99744d276a284024 Mon Sep 17 00:00:00 2001
From: gaosp <gaosp>
Date: 星期一, 11 三月 2024 19:21:56 +0800
Subject: [PATCH] 修改设备显示
---
src/container/workshop/index.vue | 6 ++++--
src/container/workshop/device.vue | 28 +++++++++++++++-------------
2 files changed, 19 insertions(+), 15 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;
}
}
}
diff --git a/src/container/workshop/index.vue b/src/container/workshop/index.vue
index b166726..605a7e4 100644
--- a/src/container/workshop/index.vue
+++ b/src/container/workshop/index.vue
@@ -1,7 +1,7 @@
<!--
* @Date: 2024-01-06 17:40:19
* @LastEditors: Sneed
- * @LastEditTime: 2024-01-31 21:30:42
+ * @LastEditTime: 2024-03-11 19:15:23
* @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/workshop/index.vue
-->
<template>
@@ -29,7 +29,7 @@
</Status>
<div class="list-box">
<div class="list">
- <Item @toDetail="toDetail(item)" canconcern v-for="item in listFilter" :id="item.id" :info="item" :key="item.id"></Item>
+ <Item class="list-item" @toDetail="toDetail(item)" canconcern v-for="item in listFilter" :id="item.id" :info="item" :key="item.id"></Item>
</div>
</div>
</div>
@@ -162,6 +162,8 @@
flex-wrap: wrap;
width: 100%;
&>div {
+ width: 382px;
+ height: 232px;
margin: 10px;
}
}
--
Gitblit v1.9.3