table.css 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. .zhcx-table .zhcx-table-row{
  2. padding: 0 25upx;
  3. font-size: 28upx;
  4. height: 88upx;
  5. display: flex;
  6. justify-content: space-between;
  7. align-items: center;
  8. position: relative;
  9. }
  10. .zhcx-table .zhcx-table-row::after{
  11. width: 200%;
  12. height:1px;
  13. transform: scale(0.5);
  14. background-color: #ccc;
  15. /* background-color: #eaeaea; */
  16. position: absolute;
  17. bottom: 1px;
  18. left: -50%;
  19. display: block;
  20. content: "";
  21. }
  22. .zhcx-table .zhcx-table-row.drop-down{
  23. position: relative;
  24. }
  25. .zhcx-table .zhcx-table-row.drop-down::before{
  26. font-family: "zhcx-iconfont" !important;
  27. font-size: 18px;
  28. display: block;
  29. content: "\e639";
  30. position: absolute;
  31. right: 30upx;
  32. }
  33. .zhcx-table .zhcx-table-row .name{
  34. width: 200upx;
  35. color: #666;
  36. overflow: hidden;
  37. white-space: nowrap;
  38. text-overflow: ellipsis;
  39. }
  40. .zhcx-table .zhcx-table-row .text{
  41. width: 500upx;
  42. color: #999;
  43. overflow: hidden;
  44. white-space: nowrap;
  45. text-overflow: ellipsis;
  46. text-align: right;
  47. }
  48. .zhcx-table .zhcx-upload {
  49. width: 150upx;
  50. height: 120upx;
  51. background-color: #F1F1F1;
  52. margin-left: 59upx;
  53. padding-top: 30upx; }
  54. .zhcx-table .zhcx-upload .icon {
  55. width: 50upx;
  56. height: 50upx;
  57. margin: 0 auto;
  58. position: relative; }
  59. .zhcx-table .zhcx-upload .icon::after {
  60. width: 4upx;
  61. height: 50upx;
  62. display: block;
  63. content: "";
  64. position: absolute;
  65. left: 50%;
  66. top: 50%;
  67. transform: translate(-50%, -50%);
  68. background-color: #ccc; }
  69. .zhcx-table .zhcx-upload .icon::before {
  70. width: 50upx;
  71. height: 4upx;
  72. display: block;
  73. content: "";
  74. position: absolute;
  75. left: 50%;
  76. top: 50%;
  77. transform: translate(-50%, -50%);
  78. background-color: #ccc; }
  79. .zhcx-table .zhcx-upload .uploadTitle {
  80. text-align: center;
  81. display: block;
  82. font-size: 24upx;
  83. color: #666;
  84. padding-top: 12upx; }
  85. .handle-table {
  86. padding: 0 26rpx;
  87. margin-top: 20upx; }
  88. .handle-table .handle-table-title {
  89. font-size: 30upx;
  90. color: #999;
  91. display: flex;
  92. justify-content: space-between;
  93. align-items: center;
  94. font-weight: normal;
  95. border-bottom: 2rpx solid #eaeaea;
  96. padding: 0;
  97. height: 98rpx;
  98. padding-left: 16upx; }
  99. .handle-table .handle-table-title .title-lf {
  100. width: 450upx;
  101. text-overflow: ellipsis;
  102. overflow: hidden; }
  103. .handle-table .handle-table-title .title-rt {
  104. position: relative;
  105. padding-right: 20rpx; }
  106. .handle-table .handle-table-title .title-rt::after {
  107. font-family: "zhcx-iconfont" !important;
  108. font-size: 14px;
  109. display: block;
  110. content: "\e639";
  111. position: absolute;
  112. right: -12rpx;
  113. top: 8rpx; }
  114. .handle-table .handle-table-list .item {
  115. font-size: 30upx;
  116. color: #999;
  117. display: flex;
  118. justify-content: space-between;
  119. align-items: center;
  120. font-weight: normal;
  121. border-bottom: 2rpx solid #eaeaea;
  122. padding: 0;
  123. height: 90upx;
  124. padding: 0 30upx 0 16upx; }
  125. .handle-table .handle-table-list .item .cont {
  126. height: 90upx;
  127. display: flex;
  128. justify-content: flex-start;
  129. align-items: center; }
  130. .handle-table .handle-table-list .item .cont .tag {
  131. font-size: 12px;
  132. color: #409eff;
  133. border: 1px solid #d9ecff;
  134. background-color: #ecf5ff;
  135. padding: 2upx 12upx;
  136. border-radius: 8upx;
  137. display: inline-block; }
  138. .handle-table .handle-table-list .item .cont .tag.success {
  139. background-color: #f0f9eb;
  140. border-color: #e1f3d8;
  141. color: #67c23a; }
  142. .handle-table .handle-table-list .item .cont .tag.warn {
  143. background-color: #fdf6ec;
  144. border-color: #faecd8;
  145. color: #e6a23c; }
  146. .handle-table .handle-table-list .item .cont .tag.danger {
  147. background-color: #fef0f0;
  148. border-color: #fde2e2;
  149. color: #f56c6c; }
  150. .handle-table .handle-table-list .item .cont .tag.purple {
  151. background-color: #e6d1e6;
  152. border-color: #debade;
  153. color: #af08af; }
  154. .handle-table .handle-table-list .item .cont .name {
  155. width: 330upx;
  156. margin-left: 20upx;
  157. overflow: hidden;
  158. text-overflow: ellipsis;
  159. white-space: nowrap; }
  160. .handle-table .handle-table-list .item .time{
  161. width: 215upx;
  162. font-size: 26upx;
  163. text-align: right;
  164. }
  165. .submit-BT {
  166. border-radius: 16upx;
  167. margin-top: 50upx;
  168. background-color: var(--sysblue);
  169. }