table.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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; }