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