You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
153 lines
3.0 KiB
153 lines
3.0 KiB
.app-wallpaper{ |
|
padding:16rpx 26rpx; |
|
} |
|
.body-background{ |
|
background: { |
|
color:#F5F5F6; |
|
}; |
|
height:100vh; |
|
} |
|
.screen-container{ |
|
background:{ |
|
color:#fff; |
|
} |
|
} |
|
.lists-container{ |
|
padding:16rpx 26rpx; |
|
.item{ |
|
padding:22rpx 40rpx; |
|
width:100%; |
|
background:{ |
|
color:#fff; |
|
} |
|
border-radius: 10rpx; |
|
min-height:200rpx; |
|
margin-bottom:16rpx; |
|
.item-header{ |
|
justify-content: space-between; |
|
padding:14rpx 0; |
|
border-bottom:2rpx solid #EEEEEE; |
|
.status{ |
|
font-size: 28rpx; |
|
font-weight: 400; |
|
line-height: 40rpx; |
|
&.green{ |
|
color: #0EAF4E; |
|
} |
|
&.orange{ |
|
color: #FF9545; |
|
} |
|
&.blue{ |
|
color: #178AF2; |
|
} |
|
&.red{ |
|
color: darkred; |
|
} |
|
} |
|
} |
|
.item-body{ |
|
padding:22rpx 0; |
|
.body-main{ |
|
.thumb{ |
|
margin-right:32rpx; |
|
} |
|
.info{ |
|
justify-content: space-between; |
|
.info-left{ |
|
max-width:280rpx; |
|
.info-title{ |
|
font-size: 28rpx; |
|
font-weight: 400; |
|
color: #020B18; |
|
line-height: 40rpx; |
|
} |
|
} |
|
.info-right{ |
|
justify-content: flex-end; |
|
text-align: right; |
|
.info-price{ |
|
font-size: 24rpx; |
|
font-weight: 700; |
|
color: #020B18; |
|
line-height: 26rpx; |
|
margin-bottom:10rpx; |
|
} |
|
.info-number{ |
|
font-size: 28rpx; |
|
font-weight: 400; |
|
color: #AFB5BE; |
|
line-height: 40rpx; |
|
} |
|
} |
|
.info-ext{ |
|
justify-content: flex-end; |
|
align-items: flex-end; |
|
.label,.price{ |
|
font-size: 28rpx; |
|
font-weight: 700; |
|
line-height: 30rpx; |
|
} |
|
.label{ |
|
color: #020B18; |
|
margin-right:10rpx; |
|
} |
|
.price{ |
|
color: #FF9545; |
|
} |
|
} |
|
} |
|
} |
|
&.room{ |
|
.body-main{ |
|
.info{ |
|
.info-left{ |
|
max-width:100%; |
|
} |
|
.info-ext{ |
|
justify-content: space-between; |
|
.label{ |
|
color:#AFB5BE; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
.item-footer{ |
|
padding-top:10rpx; |
|
align-items: center; |
|
.phone{ |
|
.phone-button{ |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
text-align: center; |
|
width:56rpx; |
|
height:56rpx; |
|
border-radius:50%; |
|
background:{ |
|
color:#FF9545; |
|
} |
|
} |
|
} |
|
.button-group{ |
|
align-items: center; |
|
justify-content: flex-end; |
|
.button{ |
|
margin-left:16rpx; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
.foot-button{ |
|
padding:40rpx 26rpx; |
|
position: fixed; |
|
bottom:0; |
|
left:0; |
|
z-index: 9999; |
|
width: 100%; |
|
background: { |
|
color:#FFFFFF; |
|
}; |
|
}
|
|
|