record.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .content{
  2. background-color: #F2F2F2;
  3. padding: 20rpx;
  4. }
  5. Page {
  6. width: 100%;
  7. height: 100%;
  8. background-color: #F2F2F2;
  9. }
  10. .info{
  11. background-color: #fff;
  12. width: 710rpx;
  13. height: 200rpx;
  14. display: flex;
  15. flex-flow: column nowrap;
  16. justify-content: space-around;
  17. border-radius: 10rpx;
  18. margin-bottom: 20rpx;
  19. }
  20. .info_top,.info_mid,.info_bottom{
  21. display: flex;
  22. flex-flow: row nowrap;
  23. justify-content: space-between;
  24. padding: 0 15rpx;
  25. }
  26. .info_bottom{
  27. display: flex;
  28. flex-flow: row nowrap;
  29. justify-content: left;
  30. padding: 0 15rpx;
  31. }
  32. .info_bottom_date{
  33. display: flex;
  34. flex-flow: row nowrap;
  35. justify-content: left;
  36. padding: 0 15rpx;
  37. font-size: 28rpx;
  38. color: #777d9c;
  39. }
  40. .info_mid_left{
  41. display: flex;
  42. flex-flow: row nowrap;
  43. justify-content: left;
  44. }
  45. .info_bottom_img{
  46. width: 35rpx;
  47. height: 35rpx;
  48. }
  49. .info_top_left{
  50. color: #43496a;
  51. font-size: 32rpx;
  52. }
  53. .info_top_right{
  54. color: #ff7c7c;
  55. font-size: 28rpx;
  56. }
  57. .info_mid_left,.info_mid_right{
  58. font-size: 12px;
  59. color: #b0b4ca;
  60. }
  61. .info_bottom_2{
  62. font-size: 28rpx;
  63. color: #777d9c;
  64. margin-left: 10rpx;
  65. }
  66. .input_text{
  67. color: #c2c6da;
  68. font-size: 28rpx;
  69. }
  70. .icon_search{
  71. margin-left: 20rpx;
  72. }
  73. .icon_clear{
  74. margin-right: 20rpx;
  75. }
  76. .no_data_par{
  77. display: flex;
  78. flex-flow: column nowrap;
  79. align-items: center;
  80. margin-top: 200rpx;
  81. }
  82. .no_data_img{
  83. height: 240rpx;
  84. width: 320rpx;
  85. }