goods.css 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. @charset "UTF-8";
  2. .uploader-list .file-item img {
  3. width: 110px; }
  4. /* 多规格 */
  5. .goods-spec-many {
  6. display: none; }
  7. .goods-spec-many .goods-spec-box {
  8. margin-top: 15px;
  9. border: 1px solid #e4e4e4;
  10. padding: 20px;
  11. border-radius: 4px; }
  12. .goods-spec-many .goods-spec-box.style-simplify {
  13. margin-top: 0;
  14. padding: 0;
  15. border: none;
  16. border-radius: 0; }
  17. .goods-spec-many input {
  18. font-size: 1.3rem !important;
  19. padding-left: 10px !important;
  20. border: 1px solid #e3e2e5 !important; }
  21. .goods-spec-many input.am-field-error {
  22. border-color: #dd514c !important; }
  23. .goods-spec-many .spec-group-item {
  24. margin-bottom: 25px; }
  25. .goods-spec-many .spec-group-item .spec-group-name {
  26. margin-bottom: 15px; }
  27. .goods-spec-many .spec-group-item .spec-group-name span {
  28. font-size: 1.5rem; }
  29. .goods-spec-many .spec-group-item .spec-group-name .icon-shanchu1 {
  30. display: inline-block; }
  31. .goods-spec-many .spec-group-item .spec-list .spec-item {
  32. position: relative;
  33. margin-right: 12px;
  34. margin-bottom: 12px; }
  35. .goods-spec-many .spec-group-item .spec-list .spec-item span {
  36. min-width: 50px;
  37. display: inline-block;
  38. border: 1px solid #ddd;
  39. text-align: center;
  40. padding: 0 15px;
  41. border-radius: 2px;
  42. font-size: 1.3rem;
  43. line-height: 30px; }
  44. .goods-spec-many .spec-group-item .spec-list .spec-item:hover .icon-shanchu1 {
  45. visibility: visible; }
  46. .goods-spec-many .spec-group-item .spec-list .spec-item .icon-shanchu1 {
  47. position: absolute;
  48. width: 20px;
  49. top: -9px;
  50. right: -9px;
  51. visibility: hidden; }
  52. .goods-spec-many .spec-group-item .spec-item-add input {
  53. width: 110px;
  54. border-top-left-radius: 4px;
  55. border-bottom-left-radius: 4px; }
  56. .goods-spec-many .spec-group-item .spec-item-add button {
  57. display: table-cell;
  58. height: 32px;
  59. font-size: 1.3rem;
  60. border-color: #e3e2e5;
  61. border-left: none;
  62. border-top-right-radius: 4px;
  63. border-bottom-right-radius: 4px;
  64. outline: none; }
  65. .goods-spec-many .icon-shanchu1 {
  66. cursor: pointer;
  67. text-align: center;
  68. color: #ababab;
  69. font-size: 1.3rem; }
  70. .goods-spec-many .icon-shanchu1:hover {
  71. color: #6b6b6b; }
  72. .goods-spec-many .spec-group-button button {
  73. color: #2589ff;
  74. background-color: #fff;
  75. border-color: #2589ff;
  76. font-size: 12px;
  77. border-radius: 4px;
  78. outline: 0;
  79. font-weight: 400;
  80. padding: .6em 1em;
  81. outline: none !important; }
  82. .goods-spec-many .spec-group-add .spec-group-add-item {
  83. margin-bottom: 10px; }
  84. .goods-spec-many .spec-group-add .spec-group-add-item input {
  85. width: 160px;
  86. border-radius: 4px;
  87. display: inline-block;
  88. margin-left: 12px; }
  89. .goods-spec-many .goods-sku .goods-spec-line {
  90. border: 1px dashed #e3e2e5; }
  91. .goods-spec-many .goods-sku .spec-batch {
  92. margin-bottom: 15px; }
  93. .goods-spec-many .goods-sku .spec-batch .am-form-label {
  94. padding-top: 0; }
  95. .goods-spec-many .goods-sku .spec-batch .am-form-group {
  96. margin-left: .6rem;
  97. margin-bottom: .8rem; }
  98. .goods-spec-many .goods-sku .spec-batch .am-form-group input {
  99. width: 140px; }
  100. .goods-spec-many .goods-sku .spec-batch .am-form-group:first-child {
  101. margin-left: 0; }
  102. .goods-spec-many .goods-sku .spec-sku-tabel td.td-spec-value {
  103. padding: .7rem 1.3rem !important; }
  104. .goods-spec-many .goods-sku .spec-sku-tabel td.spec-image {
  105. font-size: 0; }
  106. .goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .upload-image {
  107. display: inline-block;
  108. width: 32px;
  109. height: 32px;
  110. border: 1px dashed #E3E2E5;
  111. border-radius: 4px;
  112. text-align: center;
  113. cursor: pointer;
  114. color: #B2AEBC; }
  115. .goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .upload-image .iconfont {
  116. line-height: 32px;
  117. font-size: 1.2rem; }
  118. .goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .upload-image:hover {
  119. border: 1px dashed #2589ff;
  120. color: #2589ff; }
  121. .goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .data-image {
  122. position: relative;
  123. display: inline-block;
  124. width: 32px;
  125. height: 32px;
  126. cursor: pointer; }
  127. .goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .data-image img {
  128. width: 100%;
  129. height: 100%; }
  130. .goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .data-image .image-delete {
  131. display: none;
  132. position: absolute;
  133. top: -8px;
  134. right: -8px;
  135. cursor: pointer;
  136. height: 15px;
  137. width: 15px;
  138. line-height: 15px;
  139. background: rgba(153, 153, 153, 0.7);
  140. border-radius: 50%;
  141. text-align: center;
  142. color: #fff !important;
  143. font-size: 1rem; }
  144. .goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .data-image .image-delete:hover {
  145. background: #000; }
  146. .goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .data-image:hover .image-delete {
  147. display: block; }
  148. .goods-spec-many .goods-sku .spec-sku-tabel input {
  149. display: inline-block !important; }
  150. .goods-spec-many .goods-sku .spec-sku-tabel input.ipt-goods-no {
  151. width: 140px; }
  152. .goods-spec-many .goods-sku .spec-sku-tabel input.ipt-w80 {
  153. width: 80px; }
  154. .goods-spec-many .spec-group-button button:hover, .goods-spec-many .spec-group-button button:focus {
  155. color: #fbfbfb;
  156. background-color: #19a7f0; }
  157. /*# sourceMappingURL=goods.css.map */