FDshop/pages/shopping/address/address.wxss

page{
    height: calc(100% - 100rpx);
    width: 100%;
    background: #f4f4f4;
    padding-bottom: 100rpx;

}

.container{
  height: 100%;
  width: 100%;
}

.address-list{
    padding-left: 31.25rpx;
    background: #fff url(https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/wxmall/images/address-bg-bd.png) 0 0 repeat-x;
    background-size: auto 10.5rpx;
    margin-bottom: 90rpx;
    padding-bottom: 100rpx;
}

.address-list .item{
    min-height: 156rpx;
    align-items: center;
    display: flex;
    border-bottom: 1rpx solid #DCD9D9;
    padding: 20rpx 0;
}

.address-list .item:last-child{

    border-bottom: none;
}

.address-list .l{
    width: 155rpx;
    height: 80rpx;
    overflow: hidden;
}

.address-list .name{
    width: 155rpx;
    min-height: 43rpx;
    font-size: 29rpx;
    color: #333;
    margin-bottom: 5.2rpx;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.address-list .default{
    width: 62.5rpx;
    height: 28rpx;
    line-height: 28rpx;
    text-align: center;
    font-size: 20rpx;
    color: #1fe4dc;
    border: 1rpx solid #1fe4dc;
    visibility: visible;
}


.address-list .c{
    flex: 1;
    height: auto;
    overflow: hidden;
}

.address-list .mobile{

    height: 29rpx;
    font-size: 29rpx;
    line-height: 29rpx;
    overflow: hidden;
    color: #333;
    margin-bottom: 6.25rpx;
}

.address-list .address{
    font-size: 25rpx;
    overflow: hidden;
    color: #666;
}

.address-list .r{
    width: 52rpx;
    height: auto;
    overflow: hidden;
    margin-right: 16.5rpx;
}

.address-list .del{
    display: block;
    width: 52rpx;
    height: 52rpx;
}

.add-address{
    background: #1fe4dc;
    text-align: center;
    width: 100%;
    height: 99rpx;
    line-height: 99rpx;
    position: fixed;
    border-radius: 0;
    border: none;
    color: #fff;
    font-size: 29rpx;
    bottom: 0;
    left:0;
}

.empty-view{
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.empty-view .icon{
  height: 248rpx;
  width: 258rpx;
  margin-bottom: 10rpx;
}

.empty-view .text{
  width: auto;
  font-size: 28rpx;
  line-height: 35rpx;
  color: #999;
}