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;