kubbo/dvcp_v2_wechat_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css

Browse Source
This commit is contained in:
shijingjing
2022-05-26 18:06:44 +08:00
parent 0a4f500c52
commit c2fcba70f9
1 changed files with 67 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
src/mods/conv/AppReturnHomeRegister/Detail.vue
View File

@@ -303,12 +303,10 @@ export default {
height: 12px; height: 12px;
position: relative; position: relative;
} }
.image { .image {
width: 32px; width: 32px;
height: 32px; height: 32px;
margin-right: 16px;
} }
// .from, // .from,
@@ -340,88 +338,84 @@ export default {
} }
.info { .info {
position: absolute; position: absolute;
top: 93%; top: 93%;
left: 50%; left: 50%;
width: 100%; width: 100%;
transform: translate(-50%, 1%); transform: translate(-50%, 1%);
.detail-info { .detail-info {
padding: 0 32px; padding: 0 32px;
background: #fff; background: #fff;
border-radius: 16px 16px 0 0; border-radius: 16px 16px 0 0;
& > h2 { & > h2 {
height: 116px; height: 116px;
line-height: 116px; line-height: 116px;
font-size: 38px; font-size: 38px;
font-weight: 600; font-weight: 600;
color: #333; color: #333;
span { span {
float: right; float: right;
font-size: 28px; font-size: 28px;
color: #FF4466; color: #FF4466;
font-weight: normal; font-weight: normal;
} }
}
.detail-info__item {
display: flex;
justify-content: space-between;
padding: 34px 0;
border-bottom: 1px solid #DDDDDD;
&:last-child {
border: none;
} }
.left { .detail-info__item {
display: flex; display: flex;
line-height: 1.3; justify-content: space-between;
max-width: 360px; padding: 34px 0;
border-bottom: 1px solid #DDDDDD;
label { &:last-child {
position: relative; border: none;
}
.left {
display: flex;
line-height: 1.3;
max-width: 360px;
label {
position: relative;
color: #999999;
font-size: 32px;
}
}
.right {
display: flex;
max-width: 450px;
span {
color: #333333;
font-size: 32px;
text-align: right;
}
image {
width: 40px;
height: 40px;
}
}
}
.detail-info__item_wrap {
display: block;
border-bottom: 1px solid #DDDDDD;
padding: 34px 0;
.left {
color: #999999; color: #999999;
font-size: 32px; font-size: 32px;
} }
} .right {
margin-top: 20px;
.right {
display: flex;
max-width: 450px;
span {
color: #333333;
font-size: 32px;
text-align: right;
}
image {
width: 40px;
height: 40px;
} }
} }
} }
}
.detail-info__item_wrap {
display: block;
border-bottom: 1px solid #DDDDDD;
padding: 34px 0;
.left {
color: #999999;
font-size: 32px;
}
.right {
margin-top: 20px;
}
}
}
} }
}
} }
</style> </style>