123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132 |
- page{
- height: 100%;
- width: 100%;
- background: #f4f4f4;
- }
- .container{
- height: 100%;
- width: 100%;
- }
- .address-list{
- padding-left: 31.25rpx;
- background: #fff url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/icon-normal/address-bg-bd30f2bfeb.png) 0 0 repeat-x;
- background-size: auto 10.5rpx;
- margin-bottom: 90rpx;
- }
- .address-list .item{
- height: 156.55rpx;
- align-items: center;
- display: flex;
- border-bottom: 1rpx solid #DCD9D9;
- }
- .address-list .item:last-child{
- border-bottom: none;
- }
- .address-list .l{
- width: 125rpx;
- height: 80rpx;
- overflow: hidden;
- }
- .address-list .name{
- width: 125rpx;
- 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: 33rpx;
- line-height: 28rpx;
- text-align: center;
- font-size: 20rpx;
- color: #b4282d;
- border: 1rpx solid #b4282d;
- 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{
- height: 37rpx;
- font-size: 25rpx;
- line-height: 37rpx;
- 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: #b4282d;
- 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;
- }
|