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
2.4 KiB
153 lines
2.4 KiB
.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;
|
|
}
|
|
}
|
|
|