TakeOutShop/userserve/addressList/style.scss
2025-04-11 17:49:34 +08:00

137 lines
2.6 KiB
SCSS

page{
background-color: #f6f6f6;
}
.main{
.location_cont{
margin: 20rpx 20rpx 0rpx 20rpx;
// padding: 30rpx;
background-color: #FFFFFF;
border-radius: 16rpx;
box-shadow: 0 4rpx 8rpx rgba(0,0,0,.05);
.location_list{
padding-top: 30rpx;
padding-bottom: 30rpx;
.location_l{
.location_address{
min-height: 80rpx;
.location_default{
font-size: 20rpx;
background-color: #fdedee;
border-radius: 10rpx;
color: #FF0000;
margin-right: 10rpx;
padding: 2rpx 10rpx;
vertical-align: middle;
}
.location_address_text{
font-size: 28rpx;
font-weight: 500;
color: #333333;
vertical-align: middle;
}
}
.location_user{
font-size: 27rpx;
color: #7f7f7f;
margin-top: 10rpx;
.location_user_name{}
.location_user_tel{
margin-left: 20rpx;
}
}
}
.location_r{
width: 100rpx;
height: 100rpx;
display: flex;
align-items: center;
justify-content:flex-end;
.location_img{
width: 32rpx;
height: 32rpx;
}
}
}
.location_border{
border-bottom: 1rpx solid #D9D9D9;
}
}
.flex{
display: flex;
align-items: center;
justify-content: space-between;
}
.location_padding{
// padding: 0rpx 30rpx 0rpx 30rpx;
}
.footer{
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 160;
background: #FFFFFF;
font-size: 30rpx;
padding-bottom: env(safe-area-inset-bottom);
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 20rpx;
padding-left: 20rpx;
padding-right: 20rpx;
border-top: 1rpx solid #efefef;
.footer_btn{
width: 100%;
height: 85rpx;
background-color: #fd3f3f;
border-radius: 50rpx;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 28rpx;
}
}
}
.load_desc{
font-size: 28rpx;
color: #aaa;
text-align: center;
padding-top: 30rpx;
padding-bottom: 30rpx;
}
.empty{
height:480rpx;
margin:200rpx 20rpx 0rpx 20rpx;
border-radius: 20rpx;
display: flex;
align-items: center;
justify-content: center;
.empty_cont{
.empty_cont_img{
margin: 0 auto;
width: 355rpx;
height: 280rpx;
display: flex;
}
.empty_cont_title{
font-size: 28rpx;
color: #aaaaaa;
text-align: center;
}
.empty_cont_btn{
margin: 0 auto;
width: 154rpx;
height: 46rpx;
border-radius: 30rpx;
border: 1rpx solid #FF0000;
color: #FF0000;
line-height: 30rpx;
display: flex;
align-items: center;
justify-content: center;
margin-top: 40rpx;
}
}
}