edit.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. .el-card {
  2. border: 0;
  3. }
  4. .goods-box {
  5. padding-bottom: 60px;
  6. }
  7. .tabColor {
  8. background: #fff;
  9. padding-left: 24px;
  10. border-radius: 10px;
  11. }
  12. .tabColor .tabss>.el-tabs__header {
  13. height: 56px;
  14. line-height: 56px;
  15. margin-bottom: 0;
  16. }
  17. /* tab切换 start */
  18. .tabs-box {
  19. background: #fff;
  20. position: relative;
  21. padding: 0 38px;
  22. margin-bottom: 20px;
  23. border-radius: 4px;
  24. }
  25. .tabs-list {
  26. height: 48px;
  27. font-size: 14px;
  28. white-space: pre;
  29. margin-bottom: 0;
  30. font-weight: 700;
  31. }
  32. .tabs-list span {
  33. display: inline-block;
  34. height: 36;
  35. line-height: 36px;
  36. color: #000;
  37. cursor: pointer;
  38. margin-right: 30px;
  39. }
  40. .tabs-list .tabActive {
  41. color: #419EFB;
  42. border-bottom: 2px solid #419EFB;
  43. }
  44. /* tab切换 end */
  45. /* 基础设置 start */
  46. /* 商品内容 */
  47. .goods-basic .el-card__header {
  48. padding: 8px 20px;
  49. }
  50. /* 选择商品类型 */
  51. .select-type {
  52. position: relative;
  53. cursor: pointer;
  54. }
  55. .type-content {
  56. border: 1px solid #ededed;
  57. padding-left: 20px;
  58. border-radius: 4px;
  59. overflow: hidden;
  60. }
  61. .cont-lf {
  62. text-align: center;
  63. font-size: 14px;
  64. color: #333;
  65. font-weight: 700;
  66. }
  67. .cont-lf p {
  68. color: #999;
  69. font-size: 12px;
  70. font-weight: 400;
  71. }
  72. .type-content.active {
  73. border-color: #419EFB;
  74. color: #419EFB;
  75. }
  76. .type-content.active:after {
  77. width: 14px;
  78. height: 14px;
  79. display: block;
  80. content: "";
  81. position: absolute;
  82. bottom: -6px;
  83. border-radius: 50%;
  84. right: -7px;
  85. background: #419EFB;
  86. z-index: 10;
  87. }
  88. .icon-tick {
  89. position: absolute;
  90. right: -6px;
  91. bottom: -6px;
  92. z-index: 99;
  93. color: #fff;
  94. font-size: 12px;
  95. }
  96. /* 基础信息 */
  97. .el-form-item__label {
  98. padding-right: 20px;
  99. }
  100. .icon-close {
  101. position: absolute;
  102. top: -10px;
  103. left: 66px;
  104. }
  105. .more-setting {
  106. cursor: pointer;
  107. color: #419EFB;
  108. }
  109. /* 基础设置 end */
  110. /* 营销配置 start */
  111. /* 营销配置 end */
  112. /* 底部按钮 */
  113. .bottom-btns {
  114. position: fixed;
  115. width: calc(100% - 200px);
  116. height: 58px;
  117. bottom: 0;
  118. right: 0;
  119. background-color: #fff;
  120. z-index: 99;
  121. }
  122. .el-card__header {
  123. padding: 8px 20px;
  124. }
  125. .el-input{
  126. font-size: 13px;
  127. }
  128. /* 预约规则 start */
  129. .range-box {
  130. padding-top: 10px;
  131. display: flex;
  132. align-items: center;
  133. }
  134. .range-check-box {
  135. margin-left: 10px;
  136. padding: 4px 12px;
  137. background-color: #f2f2f2;
  138. border-radius: 4px;
  139. }
  140. .s-between {
  141. display: flex;
  142. justify-content: space-between;
  143. align-items: center;
  144. }
  145. .range-check-box1 {
  146. width: 600px;
  147. margin-left: 10px;
  148. padding: 4px 12px;
  149. background-color: #f2f2f2;
  150. border-radius: 4px;
  151. }
  152. /* 预约规则 end */