allFile.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. /* pages/allFile/allFile.wxss */
  2. .file-content {
  3. width: 100%;
  4. height: 100%;
  5. background-color: #f7f7f7;
  6. overflow-y: auto;
  7. position: relative;
  8. }
  9. .main-content {
  10. width: 690rpx;
  11. /* min-height: 100%; */
  12. margin: 0 auto;
  13. padding-bottom: 180rpx;
  14. }
  15. .file-item {
  16. width: 100%;
  17. height: 160rpx;
  18. background: #FFFFFF;
  19. border-radius: 20rpx;
  20. margin-top: 20rpx;
  21. }
  22. .f-left {
  23. width: 70%;
  24. height: 100%;
  25. }
  26. .f-avatar {
  27. width: 80rpx;
  28. height: 80rpx;
  29. border-radius: 50%;
  30. background-color: var(--maincolor);
  31. margin: 0 14rpx 0 20rpx;
  32. }
  33. .f-right {
  34. width: 30%
  35. }
  36. .report-text {
  37. padding: 20rpx;
  38. font-size: 26rpx;
  39. font-weight: 400;
  40. color: var(--maincolor);
  41. }
  42. .fu-name {
  43. font-size: 30rpx;
  44. font-weight: 600;
  45. color: #333333;
  46. margin-right: 12rpx;
  47. }
  48. .suer-sex {
  49. width: 30rpx;
  50. height: 30rpx;
  51. }
  52. .img {
  53. width: 30rpx;
  54. height: 30rpx;
  55. }
  56. .fu-date {
  57. font-size: 26rpx;
  58. font-weight: 400;
  59. color: #999999;
  60. }
  61. .f-qrcode {
  62. width: 80rpx;
  63. height: 80rpx;
  64. margin-left: 20rpx;
  65. }
  66. .qrcode-item {
  67. width: 60rpx;
  68. height: 60rpx;
  69. }
  70. .actions {
  71. width: 690rpx;
  72. height: 80rpx;
  73. position: fixed;
  74. bottom: 80rpx;
  75. background-color: #f7f7f7;
  76. }
  77. .handle-btn {
  78. width: 324rpx;
  79. height: 80rpx;
  80. border-radius: 10rpx;
  81. }
  82. .manage-btn {
  83. border: 1rpx solid #333333;
  84. font-size: 26rpx;
  85. font-weight: 400;
  86. color: #333333;
  87. }
  88. .wrapper {
  89. height: 100%;
  90. }
  91. .model {
  92. width: 540rpx;
  93. height: 208rpx;
  94. background: #FFFFFF;
  95. border-radius: 24rpx;
  96. }
  97. .top-title {
  98. font-size: 34rpx;
  99. font-weight: 600;
  100. color: #333333;
  101. text-align: center;
  102. height: 118rpx;
  103. line-height: 118rpx;
  104. border-bottom: 1rpx solid #DDDDDD;
  105. box-sizing:border-box;
  106. }
  107. .btn {
  108. width: 270rpx;
  109. height: 90rpx;
  110. box-sizing: border-box;
  111. font-size: 34rpx;
  112. color: #333333;
  113. }
  114. .w-confirm-btn {
  115. font-weight: 600;
  116. }