XCKJ
/
irc_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调研表布局调整

uat_us
caiyiling 2024-07-04 18:00:47 +08:00
parent 7283c5a5a1
commit bd9ecf13e9
2 changed files with 26 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/research-mobile/components/Equipments.vue
View File

@ -110,13 +110,13 @@ export default {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 10px;
} }
.participant_info{ .participant_info{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
margin-top: 10px;
border-top: 1px solid #f5f7fa; border-top: 1px solid #f5f7fa;
.p_icon{ .p_icon{
width: 70px; width: 70px;
@ -125,13 +125,24 @@ export default {
text-align: center; text-align: center;
} }
.p_info{ .p_info{
position: relative;
flex:1; flex:1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-evenly; justify-content: space-evenly;
border-right: 1px solid #f5f7fa; // border-right: 1px solid #f5f7fa;
font-size: 13px; 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{ .p_info_basic{
display: flex; display: flex;
flex-direction: row; flex-direction: row;

15
src/views/research-mobile/components/Participants.vue
View File

@ -118,13 +118,13 @@ export default {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 10px;
} }
.participant_info{ .participant_info{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
margin-top: 10px;
border-top: 1px solid #f5f7fa; border-top: 1px solid #f5f7fa;
.p_icon{ .p_icon{
width: 70px; width: 70px;
@ -133,13 +133,24 @@ export default {
text-align: center; text-align: center;
} }
.p_info{ .p_info{
position: relative;
flex:1; flex:1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-evenly; justify-content: space-evenly;
border-right: 1px solid #f5f7fa; // border-right: 1px solid #f5f7fa;
font-size: 13px; 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{ .p_info_basic{
display: flex; display: flex;
flex-direction: row; flex-direction: row;