index.less 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. .adcreative_template{
  2. width: 100%;
  3. overflow-y: auto;
  4. display: flex;
  5. height: 173px;
  6. >label{
  7. height: 100%;
  8. margin-right: 15px;
  9. }
  10. }
  11. .videoImgs{
  12. width: 100%;
  13. overflow-y: auto;
  14. display: flex;
  15. img{
  16. width: 100%;
  17. }
  18. label{
  19. height: 100%;
  20. padding: 0;
  21. width: 32%;
  22. margin-right: 1%;
  23. }
  24. }
  25. .adcreative_template_item{
  26. width: 150px;
  27. height: 160px;
  28. display: flex;
  29. align-items: center;
  30. justify-content: center;
  31. flex-flow: column;
  32. }
  33. .video{
  34. }
  35. .box {
  36. width: 60%;
  37. height: 200px;
  38. display: flex;
  39. align-items: center;
  40. justify-content: center;
  41. background-color: #f5f7fa;
  42. flex-direction: column;
  43. color: rgba(0,0,0,.3);
  44. border-radius: 5px;
  45. >p{
  46. display: flex;
  47. align-items: center;
  48. flex-flow: column;
  49. font-size: 10px;
  50. cursor: pointer;
  51. max-height: 150px;
  52. margin-bottom:0;
  53. img{
  54. height: 100%;
  55. }
  56. video{
  57. height: 100%;
  58. }
  59. }
  60. }
  61. .image_list{
  62. flex-flow: row wrap;
  63. background-color: transparent;
  64. height:auto;
  65. justify-content: flex-start;
  66. >p{
  67. width: 150px;
  68. background-color: #f5f7fa;
  69. height: 150px;
  70. display: flex;
  71. align-items: center;
  72. justify-content: center;
  73. border: 1px solid #e6e8ed;
  74. margin: 0;
  75. }
  76. }
  77. .crt{
  78. display: inline-flex;
  79. align-items: center;
  80. width: auto;
  81. margin-left: 8px;
  82. padding: 1px 4px;
  83. height: 16px;
  84. border-radius: 3px;
  85. font-size: 12px;
  86. color: #fff;
  87. border: 1px solid #296bef;
  88. background-color: #296bef;
  89. line-height: normal;
  90. }