goods.wxss 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. @charset "UTF-8";
  2. .text-center.data-v-481151e6 {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-481151e6 {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-481151e6 {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-481151e6 {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-481151e6 {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-481151e6 {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-481151e6 {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-481151e6 {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-481151e6 {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .app-layout.data-v-481151e6 .app-layout {
  39. overflow-y: auto;
  40. }
  41. .data-v-481151e6::-webkit-scrollbar {
  42. width: 0;
  43. height: 0;
  44. color: transparent;
  45. }
  46. .app-scroll.data-v-481151e6 {
  47. width: 100%;
  48. white-space: nowrap;
  49. padding: 0 14rpx;
  50. }
  51. .poster-goods.data-v-481151e6 {
  52. height: 100vh;
  53. }
  54. .poster-goods .head.data-v-481151e6 {
  55. height: 655rpx;
  56. width: 100%;
  57. }
  58. .poster-goods .setting.data-v-481151e6 {
  59. padding-top: 20rpx;
  60. font-size: 24rpx;
  61. color: #353535;
  62. background: #FFFFFF;
  63. padding-bottom: 48rpx;
  64. }
  65. .poster-goods .setting .line.data-v-481151e6 {
  66. margin-bottom: 24rpx;
  67. }
  68. .poster-goods .setting .line .label.data-v-481151e6 {
  69. height: 56rpx;
  70. }
  71. .poster-goods .setting .line .label icon.data-v-481151e6 {
  72. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMA8uLbzkgfC7BylzMRUZk3GrdxD/1jsssAAACJSURBVBjTdZFZDoUwCEWxrXbU1if7X+sTCHEInp/CyU3TAiATch9x9BykZetXUFavdj/g4tjFJniSyPr4stGfduZyKQ5dWbieEYIUExKTRAL8OEmSNaczdDo2VAq1FQYdDhVHbQMGL0Q0M1uf9258r/0G+73m3+w5fM7s1PGeTN+70L3VBq3q3v7kHw4QIgjkYAAAAABJRU5ErkJggg==);
  73. background-size: 100% 100%;
  74. height: 21rpx;
  75. width: 21rpx;
  76. background-repeat: no-repeat;
  77. margin-left: 24rpx;
  78. border-radius: 50%;
  79. }
  80. .poster-goods .setting .line .label text.data-v-481151e6 {
  81. line-height: 1;
  82. padding-left: 12rpx;
  83. padding-right: 12rpx;
  84. }
  85. .poster-goods .setting .line .style-input.data-v-481151e6 {
  86. position: relative;
  87. height: 56rpx;
  88. width: 120rpx;
  89. background: #f7f7f7;
  90. border-radius: 5rpx;
  91. margin: 0 14rpx;
  92. }
  93. .poster-goods .setting .line .style-input .type-pure.data-v-481151e6 {
  94. height: 32rpx;
  95. width: 32rpx;
  96. margin-right: 10rpx;
  97. background: #d8d8d8;
  98. }
  99. .poster-goods .setting .line .style-input .type-gradient.data-v-481151e6 {
  100. height: 32rpx;
  101. width: 32rpx;
  102. margin-right: 10rpx;
  103. background: -webkit-linear-gradient(#d8d8d8, #FFFFFF);
  104. background: linear-gradient(#d8d8d8, #FFFFFF);
  105. }
  106. .poster-goods .setting .active.data-v-481151e6 {
  107. border-width: 3rpx;
  108. border-style: solid;
  109. background: #FFFFFF !important;
  110. }
  111. .poster-goods .setting .icon-active.data-v-481151e6 {
  112. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAaVBMVEUAAAD/////3Nr//////v3/29j/8vH/9/b/////////////////9PP/////////////////+/v/7u3/9/f/9/b/////////////7+7//////////////////////Pz/8/L/////6+r///9JWyilAAAAInRSTlMA9wMXDAEGKA/045IK++3lUT03IBzog0kt09G7qJl9dFowGgtV2QAAAQdJREFUOMu91NtugzAMgGHbHQmMY1t62Hnz+z/kZiaThNnSbtr/qgqfLOQqAP+rW7K3GEAKx7PL+okg69CYrH2AsurdYJcK/nTFLduD1YwZG5g/wS4W017BLWN9Z4rlbfvEJgvtBrzKXhIjSzHzoyx7Za2j+El+fSg7Ggpl2LJwUkaOqmFJma1G/fOwYBO+UKZYlMFGZqxzZbNWHs4/qlFlsu4kj2NkVVsWQKKwjFGVs3JvAX/RqVCVLuS8njzL0VhD3kEZg0atbjXFK9ulw3qmUlFiCH5NYnxx1VdxZTpHERYMyVTV9gJisGZxxtybGtFgjF05avC+SLiv9KUiIptMqXTPr6XfN56YYCk/I1mAAAAAAElFTkSuQmCC);
  113. height: 38rpx;
  114. width: 38rpx;
  115. background-repeat: no-repeat;
  116. background-size: 100% 100%;
  117. position: absolute;
  118. top: -19rpx;
  119. right: -19rpx;
  120. z-index: 10;
  121. border-radius: 50%;
  122. }
  123. .poster-goods .setting .line-input.data-v-481151e6 {
  124. position: relative;
  125. border-radius: 5rpx;
  126. margin: 0 14rpx 14rpx;
  127. background: #f7f7f7;
  128. width: 140rpx;
  129. height: 56rpx;
  130. }
  131. .poster-goods .setting .line-input .icon-square.data-v-481151e6 {
  132. background-size: 100% 100%;
  133. height: 32rpx;
  134. width: 32rpx;
  135. background-repeat: no-repeat;
  136. }
  137. .poster-goods .setting .line-input text.data-v-481151e6 {
  138. margin-left: 10rpx;
  139. }
  140. .poster-goods .setting .color-bg.data-v-481151e6 {
  141. position: relative;
  142. display: inline-block;
  143. height: 60rpx;
  144. width: 60rpx;
  145. border-radius: 5rpx;
  146. border: 1px solid #e5e5e5;
  147. margin-right: 26rpx;
  148. margin-top: 19rpx;
  149. }
  150. .poster-goods .button.data-v-481151e6 {
  151. font-size: 32rpx;
  152. border-radius: 40rpx;
  153. height: 68rpx;
  154. margin: 34rpx auto 0;
  155. color: #ffffff;
  156. width: 500rpx;
  157. }