From bd9ecf13e92b901c53ff7c4a13f388ad02b50514 Mon Sep 17 00:00:00 2001
From: caiyiling <1321909229@qq.com>
Date: Thu, 4 Jul 2024 18:00:47 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E7=A0=94=E8=A1=A8=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../research-mobile/components/Equipments.vue     | 15 +++++++++++++--
 .../research-mobile/components/Participants.vue   | 15 +++++++++++++--
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/src/views/research-mobile/components/Equipments.vue b/src/views/research-mobile/components/Equipments.vue
index 919af34d..32789cfb 100644
--- a/src/views/research-mobile/components/Equipments.vue
+++ b/src/views/research-mobile/components/Equipments.vue
@@ -110,13 +110,13 @@ export default {
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
+    margin-bottom: 10px;
   }
   .participant_info{
     display: flex;
     flex-direction: row;
     justify-content: space-around;
     align-items: center;
-    margin-top: 10px;
     border-top: 1px solid #f5f7fa;
     .p_icon{
       width: 70px;
@@ -125,13 +125,24 @@ export default {
       text-align: center;
     }
     .p_info{
+      position: relative;
       flex:1;
       display: flex;
       flex-direction: column;
       justify-content: space-evenly;
-      border-right: 1px solid #f5f7fa;
+      // border-right: 1px solid #f5f7fa;
       font-size: 13px;
     }
+    .p_info:after {
+        content: '';
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        right: 0;
+        height: 50px;
+        width: 1px;
+        background-color: #f5f7fa;
+    }
     .p_info_basic{
       display: flex;
       flex-direction: row;
diff --git a/src/views/research-mobile/components/Participants.vue b/src/views/research-mobile/components/Participants.vue
index 3425d627..873a6678 100644
--- a/src/views/research-mobile/components/Participants.vue
+++ b/src/views/research-mobile/components/Participants.vue
@@ -118,13 +118,13 @@ export default {
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
+    margin-bottom: 10px;
   }
   .participant_info{
     display: flex;
     flex-direction: row;
     justify-content: space-around;
     align-items: center;
-    margin-top: 10px;
     border-top: 1px solid #f5f7fa;
     .p_icon{
       width: 70px;
@@ -133,13 +133,24 @@ export default {
       text-align: center;
     }
     .p_info{
+      position: relative;
       flex:1;
       display: flex;
       flex-direction: column;
       justify-content: space-evenly;
-      border-right: 1px solid #f5f7fa;
+      // border-right: 1px solid #f5f7fa;
       font-size: 13px;
     }
+    .p_info:after {
+        content: '';
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        right: 0;
+        height: 50px;
+        width: 1px;
+        background-color: #f5f7fa;
+    }
     .p_info_basic{
       display: flex;
       flex-direction: row;