configuration-modal.less 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. .configuration-modal {
  2. .ant-modal-body {
  3. height: 600px !important;
  4. overflow-y: auto;
  5. }
  6. .config-form-modal {
  7. .btn-Unique-con {
  8. display: flex;
  9. justify-content: flex-start;
  10. .sure-btn {
  11. margin-left: 20px;
  12. }
  13. .cancel-btn {
  14. margin-left: 20px;
  15. margin-right: 20px;
  16. }
  17. }
  18. .separate-title-header {
  19. font-size: 22px;
  20. font-weight: bold;
  21. line-height: 50px;
  22. height: 50px;
  23. padding-left: 30px;
  24. margin-bottom: 15px;
  25. background: #fff;
  26. margin: 0;
  27. }
  28. .separate-module-con {
  29. width: 100%;
  30. background: #fff;
  31. padding: 15px 0;
  32. margin-bottom: 15px;
  33. .select-orientation-content {
  34. margin-left: 198px;
  35. width: 440px;
  36. border: 1px solid #eee;
  37. height: 300px;
  38. .orientation-header-title {
  39. height: 30px;
  40. line-height: 30px;
  41. background-color: #eee;
  42. text-indent: 12px;
  43. margin: 0;
  44. }
  45. .orientation-content-msg {
  46. height: 310px;
  47. text-align: center;
  48. .icon {
  49. font-size: 30px;
  50. margin-top: 100px;
  51. margin-bottom: 12px;
  52. }
  53. }
  54. .orientation-content-substance {
  55. height: 310px;
  56. margin: 12px;
  57. .content-substance-singal {
  58. height: 28px;
  59. line-height: 28px;
  60. .singal-spn {
  61. margin-right: 10px;
  62. }
  63. }
  64. }
  65. }
  66. .ant-tabs-nav-container {
  67. margin-left: 40px !important;
  68. }
  69. .select-orientation-class {
  70. .ant-form-item-label {
  71. width: 200px;
  72. }
  73. .orientation-icon {
  74. left: -140px;
  75. }
  76. }
  77. .form-line {
  78. width: 100%;
  79. height: 1px;
  80. background: #eee;
  81. }
  82. .rock-title {
  83. padding-left: 40px;
  84. font-size: 18px;
  85. font-weight: 700;
  86. }
  87. .ant-form-item-label {
  88. width: 140px;
  89. }
  90. .dp-link-start {
  91. display: inline-block;
  92. .ant-form-item-label {
  93. width: 100px;
  94. margin-left: 43px;
  95. }
  96. .ant-form-item-control-wrapper {
  97. width: 163px;
  98. }
  99. }
  100. .dp-link-end {
  101. display: inline-block;
  102. }
  103. .campaign-cnt-class {
  104. display: inline-block;
  105. .ant-form-item-label {
  106. width: 160px;
  107. margin-left: 73px;
  108. }
  109. .ant-form-item-control-wrapper {
  110. width: 110px;
  111. }
  112. }
  113. .campaign-ad-class {
  114. display: inline-block;
  115. .ant-form-item-label {
  116. width: 110px;
  117. }
  118. .ant-form-item-control-wrapper {
  119. width: 120px;
  120. }
  121. }
  122. .avatar-uploader > .ant-upload {
  123. width: 128px;
  124. height: 128px;
  125. position: relative;
  126. }
  127. .ant-upload-select-picture-card i {
  128. font-size: 32px;
  129. color: #999;
  130. }
  131. .ant-upload-select-picture-card .ant-upload-text {
  132. margin-top: 8px;
  133. color: #666;
  134. }
  135. .upload-img-class {
  136. position: absolute;
  137. top: 0;
  138. left: 0;
  139. height: 100%;
  140. .img-flex-url {
  141. width: 128px;
  142. display: flex;
  143. align-items: center;
  144. justify-content: center;
  145. height: 100%;
  146. img {
  147. max-width: 100%;
  148. max-height: 100%;
  149. }
  150. }
  151. .cover-img-div {
  152. position: absolute;
  153. top: 0;
  154. left: 0;
  155. width: 100%;
  156. height: 100%;
  157. line-height: 120px;;
  158. background: rgba(10, 10, 10, 0.5);
  159. z-index: 10000;
  160. .delete-icon-class {
  161. font-size: 20px;
  162. color: #1890ff;
  163. }
  164. }
  165. }
  166. /deep/ .ant-form-item-control-wrapper {
  167. width: 80%;
  168. }
  169. .common-input {
  170. width: 150px;
  171. }
  172. .common-input-long {
  173. width: 320px;
  174. }
  175. .acount-search-class {
  176. width: 350px;
  177. }
  178. .form-itrm-icon {
  179. position: absolute;
  180. top: 3px;
  181. left: -175px;
  182. }
  183. .advers-title-class {
  184. margin-left: 10px;
  185. margin-right: 15px;
  186. }
  187. .especial-label {
  188. position: absolute;
  189. left: -80px;
  190. color: #f00;
  191. }
  192. .budget-mode-label {
  193. top: -7px;
  194. left: -50px;
  195. }
  196. .cpaBid-mode-label {
  197. left: -108px;
  198. }
  199. .adver-position-radio {
  200. margin-left: 140px;
  201. .creative-label-content {
  202. width: 400px;
  203. height: 200px;
  204. padding: 10px;
  205. border: 1px solid #eee;
  206. .tag-select-class {
  207. margin-bottom: 15px;
  208. }
  209. }
  210. .examin-form-icon {
  211. font-size: 18px;
  212. color: #1890ff;
  213. cursor: pointer;
  214. margin-left: 10px;
  215. }
  216. }
  217. .selected-city-arr {
  218. width: 50%;
  219. .city-arr-radio-group {
  220. margin-top: 20px;
  221. margin-bottom: 20px;
  222. }
  223. }
  224. .position-radio-change {
  225. margin-bottom: 10px;
  226. /deep/ .ant-checkbox-wrapper {
  227. margin: 0 !important;
  228. }
  229. }
  230. }
  231. }
  232. }