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.
hezhiying/pages/ExchangeResult/ExchangeResult.scss

154 lines
2.4 KiB

1 year ago
.page {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #f6f6f6;
}
/* 顶部结果 */
.head-result {
width: 100%;
height: 400rpx;
background-color: #ffffff;
.icon {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 200rpx;
text {
font-size: 120rpx;
color: #22aa44;
}
}
.title {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 60rpx;
text {
font-size: 32rpx;
font-weight: bold;
color: #222222;
}
}
.describe {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 60rpx;
text {
font-size: 26rpx;
color: #959595;
}
.ac{
color: $base;
}
}
}
/* 收货信息 */
.delivery-address {
padding: 0 4%;
height: 200rpx;
background-color: #FFFFFF;
.title {
display: flex;
align-items: center;
width: 100%;
height: 80rpx;
font-size: 28rpx;
font-weight: bold;
color: #555555;
}
.address-phone {
display: flex;
align-items: center;
width: 100%;
height: 120rpx;
.icon {
display: flex;
align-items: center;
width: 10%;
height: 100%;
text {
font-size: 38rpx;
color: #959595;
}
}
.address {
width: 80%;
height: 100%;
.location {
display: flex;
align-items: center;
width: 100%;
height: 50%;
text {
font-size: 26rpx;
color: #222222;
}
}
.name-phone {
display: flex;
align-items: center;
width: 100%;
text {
font-size: 26rpx;
color: #959595;
}
}
}
.more {
display: flex;
align-items: center;
justify-content: flex-end;
width: 10%;
height: 100%;
text {
font-size: 32rpx;
color: #959595;
}
}
}
}
/* 返回按钮 */
.back-btn{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100rpx;
.btn-bg{
display: flex;
align-items: center;
justify-content: center;
width: 240rpx;
height: 60rpx;
font-size: 26rpx;
color: #FFFFFF;
background-color: $base;
border-radius: 60rpx;
margin-right: 20rpx;
box-shadow: 0 4rpx 10rpx $base;
}
.btn-br{
display: flex;
align-items: center;
justify-content: center;
width: 240rpx;
height: 60rpx;
font-size: 26rpx;
color: $base;
border: 2rpx solid $base;
border-radius: 60rpx;
margin-left: 20rpx;
box-shadow: 0 4rpx 10rpx #FFFFFF;
}
}