金诚优选前端代码
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.7 KiB

  1. #order-search {
  2. .search-box{
  3. position: fixed;
  4. top: 0;
  5. width: 100%;
  6. padding: 8px;
  7. display: flex;
  8. align-items: center;
  9. justify-content: space-between;
  10. background: #EFEFF4;
  11. z-index: 5;
  12. .input-box{
  13. background: #ffffff;
  14. display: flex;
  15. align-items: center;
  16. position: relative;
  17. border: 1px solid #e6e6ea;
  18. border-radius: 5px;
  19. flex: 1;
  20. i {
  21. padding-left: 5px;
  22. margin-right: 10px;
  23. }
  24. .uni-input-input{
  25. width: 100%;
  26. height: 30px;
  27. border-radius: 5px;
  28. background: #FFFFFF;
  29. padding: 0 35px;
  30. box-sizing: border-box;
  31. }
  32. .search{
  33. position: absolute;
  34. top:5px;
  35. left:8px;
  36. z-index: 5;
  37. }
  38. .clear{
  39. position: absolute;
  40. top:5px;
  41. right:8px;
  42. z-index: 5;
  43. }
  44. }
  45. .text{
  46. width: 50px;
  47. text-align: center;
  48. color: #00c203;
  49. }
  50. }
  51. .tab-content{
  52. padding-top: 40px;
  53. }
  54. .order-box {
  55. margin-top: 10px;
  56. .order-item {
  57. margin-bottom: 10px;
  58. background: #FFFFFF;
  59. font-size: 15px;
  60. .item-top {
  61. .indent {
  62. line-height: 35px;
  63. display: flex;
  64. align-items: center;
  65. justify-content: space-between;
  66. padding: 0 10px;
  67. .order-num {
  68. white-space: nowrap;
  69. text-overflow: ellipsis;
  70. overflow: hidden;
  71. flex: 1;
  72. padding-right: 10px;
  73. span {
  74. font-weight: bold;
  75. }
  76. }
  77. .order-type {
  78. color: #1aad19;
  79. }
  80. }
  81. }
  82. .item-middle {
  83. .middle-item {
  84. display: flex;
  85. padding: 10px;
  86. color: #959595;
  87. image {
  88. width: 60px;
  89. height: 60px;
  90. border: 1px solid #e5e5e5;
  91. }
  92. .text {
  93. flex: 1;
  94. padding-left: 10px;
  95. overflow: hidden;
  96. .names {
  97. color: #000000;
  98. white-space: nowrap;
  99. text-overflow: ellipsis;
  100. overflow: hidden;
  101. }
  102. }
  103. .money-box {
  104. text-align: right;
  105. }
  106. }
  107. }
  108. .item-bottom {
  109. display: flex;
  110. align-items: center;
  111. justify-content: space-between;
  112. padding: 10px;
  113. .button-box {
  114. font-size: 13px;
  115. color: #1aad19;
  116. padding: 5px 10px;
  117. border: 1px solid #1aad19;
  118. border-radius: 3px;
  119. }
  120. }
  121. }
  122. .loadingbox{
  123. height: 40px;
  124. line-height: 40px;
  125. text-align: center;
  126. }
  127. }
  128. }