address.ttss 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .check-btn{display: flex;align-items: center;gap: 20rpx;}
  2. .address-list{height: 100vh;}
  3. .address-list .list-item{background-color: #fff;margin-top: 20rpx;display: flex;align-items: center;justify-content: space-between;padding: 20rpx;}
  4. .address-list .list-item .title{font-size: 24rpx;color: #666;margin-bottom: 20rpx;}
  5. .address-list .list-item .name{font-size: 28rpx;color: #333;margin-bottom: 20rpx;}
  6. .address-list .list-item .mobile{font-size: 28rpx;color: #666;margin-bottom: 20rpx;}
  7. .address-list .list-item .mobile text{margin-left: 20rpx;}
  8. .address-list .list-item .item-left{flex: 1;}
  9. .address-list .list-item .item-right{display: flex;align-items: center;gap: 20rpx;}
  10. .address-list .list-item .item-right .icon{width: 60rpx;height: 60rpx;background-color: #f8f8f8;border-radius: 30rpx;text-align: center;justify-content: center;align-items: center;display: flex;}
  11. .address-list .list-item .item-right image{width: 40rpx;height: 40rpx;}
  12. .empty-data{
  13. display: flex;
  14. height: 80vh;
  15. align-items: center;
  16. justify-content: center;
  17. flex-direction: column;
  18. font-size: 28rpx;
  19. color: #666;
  20. }
  21. .empty-data image{
  22. width: 50%;
  23. }
  24. .time-select{border-bottom: 2rpx solid #f2f2f2;}
  25. .time-select .title{height: 100rpx;line-height: 100rpx;display: flex;align-items: center;justify-content: space-between;font-size: 32rpx;padding: 0 20rpx;font-weight: bold;}
  26. .time-select image{width: 40rpx;height: 40rpx;vertical-align: middle;}
  27. .time-btn{padding: 20rpx;}
  28. .goods-body{padding: 20rpx;}
  29. .goods-body .goods-title{font-size: 28rpx;color: #333;line-height: 80rpx;}
  30. .goods-body .goods-title text{color: #fe2c56;}
  31. .goods-body .form-title{margin-top: 40rpx;font-size: 28rpx;color: #666;}
  32. .goods-form{margin-bottom: 20rpx;}
  33. .goods-form .form-input{border: 2rpx solid #ccc;height: 80rpx;margin-top: 20rpx;padding: 0 15rpx;background-color: #ccc;}
  34. .region-name{height: 80rpx;line-height: 80rpx;font-size: 24rpx;}
  35. .goods-form .form-input .input{font-size: 24rpx;height: 80rpx;background-color: #ccc;}
  36. .flx-footer{position: fixed;bottom: 0;background-color: #fff;padding: 20rpx;border-top: 2rpx solid #f8f8f8;left: 0;right: 0;}
  37. .flx-footer .footer-safe {height: env(safe-area-inset-bottom);width: 100%;}
  38. .flx-footer .btn,.time-btn .btn{font-size: 28rpx;height: 80rpx;border-radius: 10rpx;line-height: 80rpx;text-align: center;width: 100%;color: #333;background-color: #fe2c56;color: #fff;border:2rpx solid #fe2c56;}