index.less 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. .advertPage {
  2. width: 100%;
  3. .advertBox {
  4. width: 100%;
  5. height: calc(100% - 44px);
  6. overflow: auto;
  7. // background: #fff url('../../assets/advertManage/pageBg.png') top center no-repeat;
  8. // background-size: 100%;
  9. .searchRow {
  10. margin: 0 auto;
  11. align-items: center;
  12. .bd3 {
  13. width: 87px;
  14. height: 16px;
  15. .outer4 {
  16. width: 20px;
  17. height: 26px;
  18. background: url("../../assets/advertManage/icon.png") top center no-repeat;
  19. background-size: 100%;
  20. }
  21. .txt2 {
  22. width: 65px;
  23. height: 14px;
  24. overflow-wrap: break-word;
  25. color: rgba(64, 77, 116, 1);
  26. font-size: 15px;
  27. font-family: PingFangSC-Semibold;
  28. text-align: left;
  29. white-space: nowrap;
  30. line-height: 15px;
  31. display: block;
  32. font-weight: bold;
  33. .discountNumber {
  34. font-size: 18px;
  35. color: red;
  36. }
  37. }
  38. }
  39. .operBox {
  40. display: flex;
  41. flex-wrap: nowrap;
  42. justify-content: flex-end;
  43. .listBox,
  44. .addBox,
  45. .searchBox {
  46. display: flex;
  47. flex-wrap: nowrap;
  48. flex-direction: column;
  49. align-items: center;
  50. padding: 5px;
  51. }
  52. .iconImg {
  53. width: 25px;
  54. }
  55. }
  56. }
  57. .listBox {
  58. .listItem {
  59. .itemBox {
  60. width: 100%;
  61. padding: 1.5em 1em;
  62. line-height: 1.8;
  63. border-bottom: 1px solid #e7eaf7;
  64. }
  65. }
  66. }
  67. .adList {
  68. display: flex;
  69. width: 90%;
  70. margin: 1.5em auto;
  71. overflow: hidden;
  72. align-items: center;
  73. .adImg {
  74. width: 100px;
  75. height: 100px;
  76. border-radius: 10px;
  77. }
  78. .adInfoBox {
  79. .adRow {
  80. color: #404D74;
  81. .adLeft {
  82. color: #8787A6;
  83. }
  84. }
  85. }
  86. }
  87. }
  88. .van-radio__icon--checked .van-icon {
  89. background-color: #2c87c8;
  90. border-color: #2c87c8;
  91. }
  92. .van-button--primary {
  93. background-color: #2c87c8;
  94. border-color: #2c87c8;
  95. }
  96. }
  97. .advertRuleIdx {
  98. .headCon {
  99. height: 20px;
  100. .ruleIcon {
  101. width: 17px;
  102. height: 17px;
  103. background: url('../../assets/advertManage/icon.png');
  104. background-size: 100%;
  105. }
  106. }
  107. .contentCon {
  108. width: 100%;
  109. height: calc(100% - 120px);
  110. overflow: auto;
  111. .content {
  112. .rightCon {
  113. .pushBtn {
  114. border: 1px solid #4dc193;
  115. border-radius: 2px;
  116. padding: 6px 16px;
  117. color: #4dc193;
  118. }
  119. .editBtn {
  120. border: 1px solid #2c87c8;
  121. border-radius: 2px;
  122. padding: 6px 16px;
  123. color: #2c87c8;
  124. }
  125. }
  126. }
  127. }
  128. .van-checkbox__icon--checked .van-icon {
  129. background-color: #2c87c8;
  130. border-color: #2c87c8;
  131. }
  132. }
  133. .van-button--primary {
  134. border-color: #2c87c8;
  135. background-color: #2c87c8;
  136. }
  137. .tagSetIdx {
  138. overflow: hidden;
  139. overflow-y: auto;
  140. .submitBtn {
  141. flex: 0 0 80px;
  142. .van-button--round {
  143. width: 100%;
  144. }
  145. }
  146. .searchBtn {
  147. width:50%
  148. }
  149. }