myDonate.wxss 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page, .content {
  12. height: 100vh;
  13. background-color: #FFFFFF;
  14. }
  15. .top {
  16. display: -webkit-box;
  17. display: -webkit-flex;
  18. display: flex;
  19. -webkit-box-align: center;
  20. -webkit-align-items: center;
  21. align-items: center;
  22. -webkit-box-pack: center;
  23. -webkit-justify-content: center;
  24. justify-content: center;
  25. background-color: #E63931;
  26. color: #FFFFFF;
  27. padding: 22rpx 0;
  28. }
  29. .total {
  30. padding: 18rpx 24rpx;
  31. display: -webkit-box;
  32. display: -webkit-flex;
  33. display: flex;
  34. -webkit-box-pack: justify;
  35. -webkit-justify-content: space-between;
  36. justify-content: space-between;
  37. border-bottom: 1rpx solid #e0e0e0;
  38. }
  39. .box {
  40. padding: 0 24rpx;
  41. }
  42. .box .box-item {
  43. padding: 24rpx 0;
  44. border-bottom: 1rpx solid #e0e0e0;
  45. }
  46. .box .box-item .header {
  47. color: #999999;
  48. font-size: 24rpx;
  49. }
  50. .box .box-item .main {
  51. margin-top: 22rpx;
  52. display: -webkit-box;
  53. display: -webkit-flex;
  54. display: flex;
  55. -webkit-box-pack: justify;
  56. -webkit-justify-content: space-between;
  57. justify-content: space-between;
  58. }
  59. .box .box-item .main .mian-right {
  60. display: -webkit-box;
  61. display: -webkit-flex;
  62. display: flex;
  63. -webkit-box-orient: vertical;
  64. -webkit-box-direction: normal;
  65. -webkit-flex-direction: column;
  66. flex-direction: column;
  67. -webkit-box-pack: end;
  68. -webkit-justify-content: flex-end;
  69. justify-content: flex-end;
  70. }
  71. .box .box-item .main .main-left .project {
  72. color: #333;
  73. font-size: 28rpx;
  74. }
  75. .box .box-item .main .main-left .time {
  76. margin-top: 6rpx;
  77. color: #999999;
  78. font-size: 22rpx;
  79. }