index.wxss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. .header {
  2. padding: 20rpx 30rpx;
  3. color: #444;
  4. font-size: 28rpx;
  5. font-weight: 500;
  6. }
  7. .content-wrap {
  8. border-top: 0.1rpx solid #efefef;
  9. padding-bottom: 20rpx;
  10. }
  11. .content-wrap .item {
  12. display: flex;
  13. justify-content: space-between;
  14. align-items: center;
  15. font-size: 24rpx;
  16. padding: 16rpx 30rpx 0;
  17. }
  18. .content-wrap .item .title {
  19. word-break: keep-all;
  20. color: #aaa;
  21. }
  22. .content-wrap .item .detail {
  23. color: #444;
  24. text-align: right;
  25. display: flex;
  26. align-items: center;
  27. }
  28. .content-wrap .item .detail .phone {
  29. margin-left: 20rpx;
  30. padding: 0 20rpx;
  31. height: 44rpx;
  32. display: flex;
  33. align-items: center;
  34. border: 0.1rpx solid #efefef;
  35. border-radius: 26rpx;
  36. }
  37. .content-wrap .item .detail .phone .icon-phone {
  38. width: 20rpx;
  39. height: 20rpx;
  40. margin-right: 10rpx;
  41. }
  42. .footer {
  43. border-top: 0.1rpx solid #efefef;
  44. padding: 42rpx 30rpx 32rpx 0;
  45. display: flex;
  46. justify-content: flex-end;
  47. align-items: center;
  48. font-size: 30rpx;
  49. font-weight: 500;
  50. }
  51. .footer .money {
  52. color: #ff5344;
  53. font-size: 40rpx;
  54. }