quick-shop.wxss 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. @charset "UTF-8";
  2. .text-center.data-v-6408cd86 {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-6408cd86 {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-6408cd86 {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-6408cd86 {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-6408cd86 {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-6408cd86 {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-6408cd86 {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-6408cd86 {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-6408cd86 {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .app-quick-shop.data-v-6408cd86 {
  39. position: absolute;
  40. height: 100%;
  41. width: 750rpx;
  42. }
  43. .app-quick-shop .app-left.data-v-6408cd86 {
  44. width: 160rpx;
  45. }
  46. .app-quick-shop .app-left .app-quick-scroll.data-v-6408cd86 {
  47. width: 100%;
  48. height: 100%;
  49. background-color: #f3f3f3;
  50. }
  51. .app-quick-shop .app-left .app-quick-scroll .app-text.data-v-6408cd86 {
  52. background-color: #f3f3f3;
  53. width: 100%;
  54. height: 104rpx;
  55. line-height: 104rpx;
  56. font-size: 26rpx;
  57. color: #353535;
  58. }
  59. .app-quick-shop .app-left .app-quick-scroll .app-text .app-text-text.data-v-6408cd86 {
  60. text-align: center;
  61. word-break: break-all;
  62. text-overflow: ellipsis;
  63. display: -webkit-box;
  64. -webkit-box-orient: vertical;
  65. -webkit-line-clamp: 1;
  66. overflow: hidden;
  67. }
  68. .app-quick-shop .app-left .app-quick-scroll .app-active-bk.data-v-6408cd86 {
  69. background-color: white;
  70. }
  71. .app-quick-shop .app-left .app-cart.data-v-6408cd86 {
  72. width: 160rpx;
  73. height: 136rpx;
  74. background-color: #f3f3f3;
  75. }
  76. .app-quick-shop .app-left .app-cart .app-icon.data-v-6408cd86 {
  77. width: 96rpx;
  78. height: 96rpx;
  79. margin: 0 32rpx 40rpx 32rpx;
  80. border-radius: 50%;
  81. box-shadow: 0.1rpx 0.1rpx 5rpx rgba(0, 0, 0, 0.1);
  82. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMDgzZTc4NS0yZWUwLTk3NDYtODQ2NC1mNDdlYTAyYzc0ZmEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDQ2NEY4ODExMzI0MTFFOTkxMEJEOUEzMDI3RTVDQ0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDQ2NEY4ODAxMzI0MTFFOTkxMEJEOUEzMDI3RTVDQ0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Nzc3YTQ4OGUtYjhiYi0zNzRjLTlmZmYtYjhlOWQ5YTNkOTZiIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTcxNmZjN2YtMTMwOC0xMWU5LTkxN2Et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);
  83. position: relative;
  84. }
  85. .app-quick-shop .app-left .app-cart .app-active-num.data-v-6408cd86 {
  86. position: absolute;
  87. top: 26rpx;
  88. right: 10rpx;
  89. border-radius: 12rpx;
  90. font-size: 18rpx;
  91. height: 24rpx;
  92. line-height: 24rpx;
  93. color: #FFFFFF;
  94. padding: 0 8rpx;
  95. }
  96. .app-quick-shop .app-right.data-v-6408cd86 {
  97. width: calc(100% - 160rpx);
  98. background-color: #ffffff;
  99. }
  100. .app-quick-shop .app-right .app-active-name.data-v-6408cd86 {
  101. display: inline-block;
  102. width: 100%;
  103. padding-top: 40rpx;
  104. padding-bottom: 36rpx;
  105. font-size: 26rpx;
  106. color: #8c8c8c;
  107. padding-left: 22rpx;
  108. }
  109. .app-quick-shop .app-right .app-scroll-right .app-request.data-v-6408cd86 {
  110. padding-top: 1rpx;
  111. }
  112. .app-quick-shop .app-right .app-scroll-right .app-item-item.data-v-6408cd86 {
  113. width: calc(100% - 22rpx);
  114. margin-left: 22rpx;
  115. margin-top: 23rpx;
  116. }
  117. .app-quick-shop .app-right .app-item.data-v-6408cd86 {
  118. width: calc(100% - 22rpx);
  119. border-bottom: 1rpx solid #e2e2e2;
  120. position: relative;
  121. }
  122. .app-quick-shop .app-right .app-item .out-dialog.data-v-6408cd86 {
  123. width: 152rpx;
  124. height: 152rpx;
  125. position: absolute;
  126. top: 0;
  127. left: 0;
  128. z-index: 10;
  129. background-color: rgba(0, 0, 0, 0.5);
  130. }
  131. .app-quick-shop .app-right .app-item .out-dialog image.data-v-6408cd86 {
  132. width: 152rpx;
  133. height: 152rpx;
  134. }
  135. .app-quick-shop .app-right .app-item .app-image.data-v-6408cd86 {
  136. height: 152rpx;
  137. width: 152rpx;
  138. margin-right: 20rpx;
  139. }
  140. .app-quick-shop .app-right .app-item .app-content.data-v-6408cd86 {
  141. width: calc(100% - 192rpx);
  142. min-height: 152rpx;
  143. background-color: white;
  144. }
  145. .app-quick-shop .app-right .app-item .app-content .app-top.data-v-6408cd86 {
  146. width: 100%;
  147. padding-top: 10rpx;
  148. font-size: 28rpx;
  149. color: #353535;
  150. word-break: break-all;
  151. text-overflow: ellipsis;
  152. display: -webkit-box;
  153. -webkit-box-orient: vertical;
  154. -webkit-line-clamp: 2;
  155. overflow: hidden;
  156. }
  157. .app-quick-shop .app-right .app-item .app-content .app-volume.data-v-6408cd86 {
  158. font-size: 22rpx;
  159. color: #666666;
  160. margin-bottom: 2rpx;
  161. }
  162. .app-quick-shop .app-right .app-item .app-content .app-bottom.data-v-6408cd86 {
  163. width: 100%;
  164. padding-bottom: 16rpx;
  165. position: relative;
  166. }
  167. .app-quick-shop .app-right .app-item .app-content .app-bottom .app-button.data-v-6408cd86 {
  168. height: 44rpx;
  169. }
  170. .app-quick-shop .app-right .app-item .app-content .app-bottom.data-v-6408cd86 button {
  171. text-align: center;
  172. width: 104rpx;
  173. line-height: 44rpx;
  174. }
  175. .app-quick-shop .app-right .app-item .app-content .app-bottom .app-price.data-v-6408cd86 {
  176. font-size: 28rpx;
  177. }
  178. .app-quick-shop .app-right .app-item .app-content .app-bottom .app-price .app-symbol.data-v-6408cd86 {
  179. font-size: 18rpx;
  180. }
  181. .app-quick-shop .app-right .app-item .app-content .app-bottom .app-num.data-v-6408cd86 {
  182. position: absolute;
  183. background-color: white;
  184. border: 1rpx solid;
  185. border-radius: 12rpx;
  186. height: 24rpx;
  187. padding: 0 6rpx;
  188. top: -14rpx;
  189. right: 15rpx;
  190. font-size: 18rpx;
  191. line-height: 24rpx;
  192. }
  193. .but.data-v-6408cd86 {
  194. height: 44rpx;
  195. line-height: 44rpx;
  196. padding: 0 16rpx;
  197. border-radius: 22rpx;
  198. font-size: 24rpx;
  199. color: #ffffff;
  200. }
  201. .origin-price.data-v-6408cd86 {
  202. font-size: 21rpx;
  203. color: #999999;
  204. text-decoration: line-through;
  205. }