拓恒河湖长制全民护河平台WEB端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

135 lines
2.7KB

  1. /* package_mine/pages/myId/index.wxss */
  2. .myid_container {
  3. width: 100%;
  4. padding: 0 30rpx;
  5. display: flex;
  6. flex-direction: column;
  7. justify-content: flex-start;
  8. align-items: flex-start;
  9. }
  10. .records_box {
  11. width: 100%;
  12. display: flex;
  13. flex-direction: column;
  14. justify-content: flex-start;
  15. align-items: flex-start;
  16. }
  17. .record_title {
  18. margin: 60rpx 0;
  19. padding-left: 40rpx;
  20. color: #111111;
  21. font-size: 32rpx;
  22. font-weight: 800;
  23. }
  24. .record_card {
  25. width: 100%;
  26. position: relative;
  27. }
  28. .approve_bg {
  29. width: 100%;
  30. }
  31. .record_info {
  32. width: 100%;
  33. height: 100%;
  34. padding: 50rpx 30rpx;
  35. display: flex;
  36. justify-content: space-between;
  37. align-items: center;
  38. position: absolute;
  39. top: 0;
  40. left: 0;
  41. }
  42. .massage_box {
  43. box-sizing: border-box;
  44. max-width: calc(100%-190rpx);
  45. display: flex;
  46. flex-direction: column;
  47. justify-content: space-between;
  48. align-items: flex-start;
  49. color: #fff;
  50. }
  51. .info_name {
  52. width: 420rpx;
  53. overflow: hidden;
  54. white-space: nowrap;
  55. text-overflow: ellipsis;
  56. }
  57. .info_content {
  58. width: 420rpx;
  59. max-height: 90rpx;
  60. overflow: hidden;
  61. white-space: pre-wrap;
  62. text-overflow: ellipsis;
  63. }
  64. .id_img {
  65. display: block;
  66. width: 178rpx;
  67. height: 144rpx;
  68. margin-right: 20rpx;
  69. }
  70. .execute_btn {
  71. width: 180rpx;
  72. height: 80rpx;
  73. font-size: 26rpx;
  74. color: #fff;
  75. line-height: 80rpx;
  76. text-align: center;
  77. background-color: #2A82E4FF;
  78. border-radius: 40rpx;
  79. }
  80. .btn_units {
  81. width: 100%;
  82. margin-top: 380rpx;
  83. display: flex;
  84. justify-content: center;
  85. align-items: center;
  86. }
  87. .re_approve {
  88. width: 326rpx;
  89. height: 80rpx;
  90. text-align: center;
  91. line-height: 80rpx;
  92. font-size: 26rpx;
  93. font-weight: 800;
  94. color: #fff;
  95. background-color: #4BE2AC;
  96. border-radius: 40rpx;
  97. }
  98. .empty_box {
  99. width: 100%;
  100. padding-top: 130rpx;
  101. display: flex;
  102. flex-direction: column;
  103. justify-content: flex-start;
  104. align-items: center;
  105. }
  106. .success_img {
  107. width: 500rpx;
  108. height: 440rpx;
  109. margin-bottom: 10rpx;
  110. }
  111. .tips_text {
  112. font-size: 30rpx;
  113. color: #504E4E;
  114. text-indent: 34rpx;
  115. color: #000000;
  116. display: flex;
  117. flex-direction: column;
  118. justify-content: flex-start;
  119. align-items: center;
  120. }
  121. .return_btn {
  122. width: 100%;
  123. height: 90rpx;
  124. margin-top: 400rpx;
  125. border-radius: 40rpx;
  126. background-color: #3275E9;
  127. line-height: 90rpx;
  128. text-align: center;
  129. color: #ffffff;
  130. font-size: 32rpx;
  131. font-family: Source Han Sans CN;
  132. }