xiaoe_mp_npm 0.5.42-test2 → 0.5.42-test21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/miniprogram_dist/ConfirmOrder/components/ConfirmOrderContent/index.scss +45 -0
  2. package/miniprogram_dist/ConfirmOrder/components/ConfirmOrderContent/index.wxss +37 -1
  3. package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/index.scss +223 -0
  4. package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/index.wxss +522 -36
  5. package/miniprogram_dist/ConfirmOrder/components/IntegralSelect/index.scss +91 -0
  6. package/miniprogram_dist/ConfirmOrder/components/IntegralSelect/index.wxss +170 -14
  7. package/miniprogram_dist/ConfirmOrder/components/Invoice/index.scss +61 -0
  8. package/miniprogram_dist/ConfirmOrder/components/Invoice/index.wxss +68 -2
  9. package/miniprogram_dist/ConfirmOrder/components/LeaveWord/index.scss +40 -0
  10. package/miniprogram_dist/ConfirmOrder/components/LeaveWord/index.wxss +26 -2
  11. package/miniprogram_dist/ConfirmOrder/components/PayBar/index.scss +62 -0
  12. package/miniprogram_dist/ConfirmOrder/components/PayBar/index.wxss +81 -3
  13. package/miniprogram_dist/ConfirmOrder/components/PayDetail/index.scss +41 -0
  14. package/miniprogram_dist/ConfirmOrder/components/PayDetail/index.wxss +35 -3
  15. package/miniprogram_dist/CouponList/components/CouponItem/index.css +1715 -1715
  16. package/miniprogram_dist/CouponList/components/CouponItem/index.js +31 -22
  17. package/miniprogram_dist/CouponList/components/CouponItem/index.min.css +1 -1
  18. package/miniprogram_dist/CouponList/components/CouponItem/index.wxml +6 -2
  19. package/miniprogram_dist/CouponList/components/CouponItem/index.wxss +1037 -79
  20. package/miniprogram_dist/CouponList/couponColumn/index.js +5 -1
  21. package/miniprogram_dist/CouponList/couponColumn/index.scss +118 -0
  22. package/miniprogram_dist/CouponList/couponColumn/index.wxml +1 -0
  23. package/miniprogram_dist/CouponList/couponColumn/index.wxss +221 -32
  24. package/miniprogram_dist/CouponReceivePopup/index.js +75 -0
  25. package/miniprogram_dist/CouponReceivePopup/index.json +6 -0
  26. package/miniprogram_dist/CouponReceivePopup/index.scss +99 -0
  27. package/miniprogram_dist/CouponReceivePopup/index.wxml +85 -0
  28. package/miniprogram_dist/CouponReceivePopup/index.wxss +75 -0
  29. package/miniprogram_dist/GoodsItem/index.js +7 -5
  30. package/miniprogram_dist/GoodsItem/index.scss +45 -22
  31. package/miniprogram_dist/GoodsItem/index.wxml +11 -11
  32. package/miniprogram_dist/GoodsItem/index.wxs +18 -18
  33. package/miniprogram_dist/GoodsItem/index.wxss +1273 -116
  34. package/miniprogram_dist/GoodsRecommend/index.scss +162 -0
  35. package/miniprogram_dist/GoodsRecommend/index.wxss +418 -33
  36. package/miniprogram_dist/LiveGoodsList/Header/index.scss +79 -0
  37. package/miniprogram_dist/LiveGoodsList/Header/index.wxss +148 -10
  38. package/miniprogram_dist/LiveGoodsList/index.js +167 -25
  39. package/miniprogram_dist/LiveGoodsList/index.scss +93 -0
  40. package/miniprogram_dist/LiveGoodsList/index.wxml +41 -19
  41. package/miniprogram_dist/LiveGoodsList/index.wxss +187 -19
  42. package/miniprogram_dist/PayModule/button/index.scss +45 -0
  43. package/miniprogram_dist/PayModule/button/index.wxss +46 -4
  44. package/miniprogram_dist/TeacherGoodsList/index.js +778 -585
  45. package/miniprogram_dist/TeacherGoodsList/index.scss +5 -2
  46. package/miniprogram_dist/TeacherGoodsList/index.wxml +42 -24
  47. package/miniprogram_dist/TeacherGoodsList/index.wxss +132 -14
  48. package/miniprogram_dist/common/api/liveGoodsList.js +10 -2
  49. package/miniprogram_dist/common/utils/index.js +14 -0
  50. package/miniprogram_dist/coupon/components/CouponItem/index.less +1 -0
  51. package/miniprogram_dist/coupon/components/CouponItem/index.scss +247 -0
  52. package/miniprogram_dist/coupon/components/CouponItem/index.wxss +677 -86
  53. package/miniprogram_dist/coupon/components/CouponSelect/index.scss +331 -0
  54. package/miniprogram_dist/coupon/components/CouponSelect/index.wxss +861 -59
  55. package/miniprogram_dist/coupon/index.scss +83 -0
  56. package/miniprogram_dist/coupon/index.wxss +171 -15
  57. package/package.json +2 -2
  58. package/src/ConfirmOrder/components/ConfirmOrderContent/index.scss +45 -0
  59. package/src/ConfirmOrder/components/ConfirmOrderContent/index.wxss +42 -1
  60. package/src/ConfirmOrder/components/GoodsInfo/index.scss +223 -0
  61. package/src/ConfirmOrder/components/GoodsInfo/index.wxss +552 -39
  62. package/src/ConfirmOrder/components/IntegralSelect/index.scss +91 -0
  63. package/src/ConfirmOrder/components/IntegralSelect/index.wxss +182 -14
  64. package/src/ConfirmOrder/components/Invoice/index.scss +61 -0
  65. package/src/ConfirmOrder/components/Invoice/index.wxss +75 -2
  66. package/src/ConfirmOrder/components/LeaveWord/index.scss +40 -0
  67. package/src/ConfirmOrder/components/LeaveWord/index.wxss +30 -2
  68. package/src/ConfirmOrder/components/PayBar/index.scss +62 -0
  69. package/src/ConfirmOrder/components/PayBar/index.wxss +87 -3
  70. package/src/ConfirmOrder/components/PayDetail/index.scss +41 -0
  71. package/src/ConfirmOrder/components/PayDetail/index.wxss +39 -3
  72. package/src/CouponList/components/CouponItem/index.css +1715 -1715
  73. package/src/CouponList/components/CouponItem/index.js +31 -22
  74. package/src/CouponList/components/CouponItem/index.min.css +1 -1
  75. package/src/CouponList/components/CouponItem/index.wxml +6 -2
  76. package/src/CouponList/components/CouponItem/index.wxss +1039 -85
  77. package/src/CouponList/couponColumn/index.js +5 -1
  78. package/src/CouponList/couponColumn/index.scss +118 -0
  79. package/src/CouponList/couponColumn/index.wxml +1 -0
  80. package/src/CouponList/couponColumn/index.wxss +236 -32
  81. package/src/CouponReceivePopup/index.js +75 -0
  82. package/src/CouponReceivePopup/index.json +6 -0
  83. package/src/CouponReceivePopup/index.scss +99 -0
  84. package/src/CouponReceivePopup/index.wxml +85 -0
  85. package/src/CouponReceivePopup/index.wxss +1 -0
  86. package/src/GoodsItem/index.js +7 -5
  87. package/src/GoodsItem/index.scss +45 -22
  88. package/src/GoodsItem/index.wxml +11 -11
  89. package/src/GoodsItem/index.wxs +18 -18
  90. package/src/GoodsItem/index.wxss +1331 -116
  91. package/src/GoodsRecommend/index.scss +162 -0
  92. package/src/GoodsRecommend/index.wxss +441 -33
  93. package/src/LiveGoodsList/Header/index.scss +79 -0
  94. package/src/LiveGoodsList/Header/index.wxss +156 -10
  95. package/src/LiveGoodsList/index.js +167 -25
  96. package/src/LiveGoodsList/index.scss +93 -0
  97. package/src/LiveGoodsList/index.wxml +41 -19
  98. package/src/LiveGoodsList/index.wxss +230 -50
  99. package/src/PayModule/button/index.scss +45 -0
  100. package/src/PayModule/button/index.wxss +50 -4
  101. package/src/TeacherGoodsList/index.js +778 -585
  102. package/src/TeacherGoodsList/index.scss +5 -2
  103. package/src/TeacherGoodsList/index.wxml +42 -24
  104. package/src/TeacherGoodsList/index.wxss +151 -14
  105. package/src/common/api/liveGoodsList.js +10 -2
  106. package/src/common/utils/index.js +14 -0
  107. package/src/coupon/components/CouponItem/index.less +1 -0
  108. package/src/coupon/components/CouponItem/index.scss +247 -0
  109. package/src/coupon/components/CouponItem/index.wxss +712 -86
  110. package/src/coupon/components/CouponSelect/index.scss +331 -0
  111. package/src/coupon/components/CouponSelect/index.wxss +910 -59
  112. package/src/coupon/index.scss +83 -0
  113. package/src/coupon/index.wxss +181 -15
  114. package/miniprogram_dist/GoodsItem/index.css +0 -1364
  115. package/miniprogram_dist/GoodsItem/index.less +0 -299
  116. package/miniprogram_dist/GoodsItem/index.min.css +0 -1
  117. package/miniprogram_dist/TeacherGoodsList/index.css +0 -187
  118. package/miniprogram_dist/TeacherGoodsList/index.min.css +0 -1
  119. package/src/GoodsItem/index.css +0 -1364
  120. package/src/GoodsItem/index.less +0 -299
  121. package/src/GoodsItem/index.min.css +0 -1
  122. package/src/TeacherGoodsList/index.css +0 -187
  123. package/src/TeacherGoodsList/index.min.css +0 -1
@@ -2,63 +2,74 @@
2
2
  margin-bottom: 2.4vmin;
3
3
  background: #fff;
4
4
  }
5
+
5
6
  .goods-info-wrapper .font-12 {
6
7
  font-size: 3.2vmin;
7
8
  }
9
+
8
10
  .goods-info-wrapper .goods-info {
9
- padding: 4.27vmin;
11
+ padding: 4.26667vmin;
10
12
  }
13
+
11
14
  .goods-info-wrapper .goods-info .shop-title {
12
15
  display: flex;
13
16
  align-items: center;
14
17
  }
18
+
15
19
  .goods-info-wrapper .goods-info .shop-title .shop-img {
16
- width: 4.27vmin;
17
- height: 4.27vmin;
18
- margin-right: 2.13vmin;
20
+ width: 4.26667vmin;
21
+ height: 4.26667vmin;
22
+ margin-right: 2.13333vmin;
19
23
  }
24
+
20
25
  .goods-info-wrapper .goods-info .shop-title .shop-name {
21
- font-size: 3.73vmin;
26
+ font-size: 3.73333vmin;
22
27
  }
28
+
23
29
  .goods-info-wrapper .goods-info .goods-wrapper {
24
30
  display: flex;
25
- margin-top: 4.27vmin;
31
+ margin-top: 4.26667vmin;
26
32
  }
33
+
27
34
  .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail {
28
35
  position: relative;
29
36
  flex: 0 0 24vmin;
30
37
  height: 24vmin;
31
- width: 24vw;
32
- border-radius: 1.07vmin;
33
- border: 0.27vmin solid #e5e5e5;
38
+ width: 24vmin;
39
+ border-radius: 1.06667vmin;
40
+ border: 0.26667vmin solid #e5e5e5;
34
41
  overflow: hidden;
35
42
  }
43
+
36
44
  .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail .goods-type {
37
45
  position: absolute;
38
- right: 1.07vmin;
39
- bottom: 1.07vmin;
46
+ right: 1.06667vmin;
47
+ bottom: 1.06667vmin;
40
48
  text-size-adjust: none;
41
49
  color: #ffffff !important;
42
50
  padding: 0.8vmin;
43
- border-radius: 0.53vmin;
51
+ border-radius: 0.53333vmin;
44
52
  background: rgba(0, 0, 0, 0.25);
45
- font-size: 2.67vmin;
53
+ font-size: 2.66667vmin;
46
54
  backdrop-filter: blur(3.2vmin);
47
55
  font-weight: 500;
48
56
  }
57
+
49
58
  .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail .svip-tag {
50
59
  position: absolute;
51
60
  top: 0;
52
61
  left: 0;
53
- padding: 0.27vmin 1.07vmin;
62
+ padding: 0.26667vmin 1.06667vmin;
54
63
  background: linear-gradient(315deg, #333333 0%, #525252 68%, #333333 100%);
55
- border-radius: 1.07vmin 0vmin 1.07vmin 0vmin;
64
+ border-radius: 1.06667vmin 0vmin 1.06667vmin 0vmin;
56
65
  }
66
+
57
67
  .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail .svip-tag-text {
58
- font-size: 2.67vmin;
68
+ font-size: 2.66667vmin;
59
69
  text-size-adjust: none;
60
70
  color: #ffc266;
61
71
  }
72
+
62
73
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail {
63
74
  flex: 1;
64
75
  margin-left: 3.2vmin;
@@ -67,6 +78,7 @@
67
78
  justify-content: space-around;
68
79
  padding: 0;
69
80
  }
81
+
70
82
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-title {
71
83
  display: -webkit-box;
72
84
  -webkit-box-orient: vertical;
@@ -74,26 +86,30 @@
74
86
  overflow: hidden;
75
87
  word-break: break-all;
76
88
  }
89
+
77
90
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-title .goods-tag {
78
- margin-right: 0.53vmin;
91
+ margin-right: 0.53333vmin;
79
92
  white-space: nowrap;
80
93
  color: #1472FF;
81
- border: 0.27vmin solid #1472FF;
82
- padding: 0 1.07vmin;
83
- border-radius: 0.53vmin;
94
+ border: 0.26667vmin solid #1472FF;
95
+ padding: 0 1.06667vmin;
96
+ border-radius: 0.53333vmin;
84
97
  background-color: #fff;
85
- top: -0.53vmin;
98
+ top: -vmin(4);
86
99
  position: relative;
87
100
  }
101
+
88
102
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-title .goods-name {
89
- font-size: 3.73vmin;
103
+ font-size: 3.73333vmin;
90
104
  }
105
+
91
106
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-specification {
92
107
  margin-top: 1.6vmin;
93
108
  height: 4.8vmin;
94
109
  color: #999;
95
110
  word-break: break-all;
96
111
  }
112
+
97
113
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity {
98
114
  display: flex;
99
115
  justify-content: space-between;
@@ -102,59 +118,556 @@
102
118
  width: 100%;
103
119
  color: #999;
104
120
  }
121
+
105
122
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-pay-info {
106
123
  flex-grow: 1;
107
124
  display: flex;
108
125
  flex-direction: column;
109
126
  }
127
+
110
128
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-limit {
111
- margin-bottom: 2.13vmin;
129
+ margin-bottom: 2.13333vmin;
112
130
  display: flex;
113
131
  font-size: 3.2vmin;
114
132
  }
133
+
115
134
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-limit .border-blue {
116
- border: #1472FF 0.02rem solid;
135
+ border: #1472FF .02rem solid;
117
136
  color: #1472ff;
118
- padding: 0 1.07vmin;
119
- margin-right: 1.07vmin;
120
- border-radius: 0.53vmin;
137
+ padding: 0 1.06667vmin;
138
+ margin-right: 1.06667vmin;
139
+ border-radius: 0.53333vmin;
121
140
  }
141
+
122
142
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-limit .border-orange {
123
- border: #ff781f 0.27vmin solid;
143
+ border: #ff781f 0.26667vmin solid;
124
144
  color: #ff781f;
125
- padding: 0 1.07vmin;
126
- border-radius: 0.53vmin;
145
+ padding: 0 1.06667vmin;
146
+ border-radius: 0.53333vmin;
127
147
  }
148
+
128
149
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-price {
129
150
  display: inline-block;
130
- margin-right: 1.07vmin;
151
+ margin-right: 1.06667vmin;
131
152
  margin-bottom: 0;
132
- font-size: 4.27vmin;
153
+ font-size: 4.26667vmin;
133
154
  }
155
+
134
156
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tags {
135
157
  display: inline-block;
136
158
  }
159
+
137
160
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag {
138
161
  display: inline-block;
139
- padding: 0.27vmin 1.6vmin;
140
- font-size: 2.67vmin;
141
- border-radius: 2.67vmin;
162
+ padding: 0.26667vmin 1.6vmin;
163
+ font-size: 2.66667vmin;
164
+ border-radius: 2.66667vmin;
142
165
  }
166
+
143
167
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag + .goods-tag {
144
- margin-left: 1.07vmin;
168
+ margin-left: 1.06667vmin;
145
169
  }
170
+
146
171
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag.marketing-tag {
147
172
  color: #ff781f;
148
173
  background: #fff3eb;
149
174
  }
175
+
150
176
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag.send-friend {
151
177
  color: #07c160;
152
- border: 0.27vmin solid rgba(7, 193, 96, 0.5);
178
+ border: 0.26667vmin solid rgba(7, 193, 96, 0.5);
153
179
  }
180
+
154
181
  .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter {
155
182
  flex-shrink: 0;
156
183
  }
157
- .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter .goods-plus,
158
- .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter .goods-minus {
184
+
185
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter .goods-plus, .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter .goods-minus {
159
186
  background: none;
160
187
  }
188
+
189
+ @media screen and (min-width: 768px) and (orientation: portrait) {
190
+ .goods-info-wrapper {
191
+ margin-bottom: 1.17188vmin;
192
+ background: #fff;
193
+ }
194
+ .goods-info-wrapper .font-12 {
195
+ font-size: 1.5625vmin;
196
+ }
197
+ .goods-info-wrapper .goods-info {
198
+ padding: 2.08333vmin;
199
+ }
200
+ .goods-info-wrapper .goods-info .shop-title {
201
+ display: flex;
202
+ align-items: center;
203
+ }
204
+ .goods-info-wrapper .goods-info .shop-title .shop-img {
205
+ width: 2.08333vmin;
206
+ height: 2.08333vmin;
207
+ margin-right: 1.04167vmin;
208
+ }
209
+ .goods-info-wrapper .goods-info .shop-title .shop-name {
210
+ font-size: 1.82292vmin;
211
+ }
212
+ .goods-info-wrapper .goods-info .goods-wrapper {
213
+ display: flex;
214
+ margin-top: 2.08333vmin;
215
+ }
216
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail {
217
+ position: relative;
218
+ flex: 0 0 11.71875vmin;
219
+ height: 11.71875vmin;
220
+ width: 11.71875vmin;
221
+ border-radius: 0.52083vmin;
222
+ border: 0.13021vmin solid #e5e5e5;
223
+ overflow: hidden;
224
+ }
225
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail .goods-type {
226
+ position: absolute;
227
+ right: 0.52083vmin;
228
+ bottom: 0.52083vmin;
229
+ text-size-adjust: none;
230
+ color: #ffffff !important;
231
+ padding: 0.39062vmin;
232
+ border-radius: 0.26042vmin;
233
+ background: rgba(0, 0, 0, 0.25);
234
+ font-size: 1.30208vmin;
235
+ backdrop-filter: blur(1.5625vmin);
236
+ font-weight: 500;
237
+ }
238
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail .svip-tag {
239
+ position: absolute;
240
+ top: 0;
241
+ left: 0;
242
+ padding: 0.13021vmin 0.52083vmin;
243
+ background: linear-gradient(315deg, #333333 0%, #525252 68%, #333333 100%);
244
+ border-radius: 0.52083vmin 0vmin 0.52083vmin 0vmin;
245
+ }
246
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail .svip-tag-text {
247
+ font-size: 1.30208vmin;
248
+ text-size-adjust: none;
249
+ color: #ffc266;
250
+ }
251
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail {
252
+ flex: 1;
253
+ margin-left: 1.5625vmin;
254
+ display: flex;
255
+ flex-direction: column;
256
+ justify-content: space-around;
257
+ padding: 0;
258
+ }
259
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-title {
260
+ display: -webkit-box;
261
+ -webkit-box-orient: vertical;
262
+ -webkit-line-clamp: 2;
263
+ overflow: hidden;
264
+ word-break: break-all;
265
+ }
266
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-title .goods-tag {
267
+ margin-right: 0.26042vmin;
268
+ white-space: nowrap;
269
+ color: #1472FF;
270
+ border: 0.13021vmin solid #1472FF;
271
+ padding: 0 0.52083vmin;
272
+ border-radius: 0.26042vmin;
273
+ background-color: #fff;
274
+ top: -vmin(4);
275
+ position: relative;
276
+ }
277
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-title .goods-name {
278
+ font-size: 1.82292vmin;
279
+ }
280
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-specification {
281
+ margin-top: 0.78125vmin;
282
+ height: 2.34375vmin;
283
+ color: #999;
284
+ word-break: break-all;
285
+ }
286
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity {
287
+ display: flex;
288
+ justify-content: space-between;
289
+ align-items: flex-end;
290
+ margin-top: 0.78125vmin;
291
+ width: 100%;
292
+ color: #999;
293
+ }
294
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-pay-info {
295
+ flex-grow: 1;
296
+ display: flex;
297
+ flex-direction: column;
298
+ }
299
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-limit {
300
+ margin-bottom: 1.04167vmin;
301
+ display: flex;
302
+ font-size: 1.5625vmin;
303
+ }
304
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-limit .border-blue {
305
+ border: #1472FF .02rem solid;
306
+ color: #1472ff;
307
+ padding: 0 0.52083vmin;
308
+ margin-right: 0.52083vmin;
309
+ border-radius: 0.26042vmin;
310
+ }
311
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-limit .border-orange {
312
+ border: #ff781f 0.13021vmin solid;
313
+ color: #ff781f;
314
+ padding: 0 0.52083vmin;
315
+ border-radius: 0.26042vmin;
316
+ }
317
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-price {
318
+ display: inline-block;
319
+ margin-right: 0.52083vmin;
320
+ margin-bottom: 0;
321
+ font-size: 2.08333vmin;
322
+ }
323
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tags {
324
+ display: inline-block;
325
+ }
326
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag {
327
+ display: inline-block;
328
+ padding: 0.13021vmin 0.78125vmin;
329
+ font-size: 1.30208vmin;
330
+ border-radius: 1.30208vmin;
331
+ }
332
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag + .goods-tag {
333
+ margin-left: 0.52083vmin;
334
+ }
335
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag.marketing-tag {
336
+ color: #ff781f;
337
+ background: #fff3eb;
338
+ }
339
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag.send-friend {
340
+ color: #07c160;
341
+ border: 0.13021vmin solid rgba(7, 193, 96, 0.5);
342
+ }
343
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter {
344
+ flex-shrink: 0;
345
+ }
346
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter .goods-plus, .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter .goods-minus {
347
+ background: none;
348
+ }
349
+ }
350
+
351
+ @media screen and (min-height: 630px) and (orientation: landscape) {
352
+ .goods-info-wrapper {
353
+ margin-bottom: 1.42857vmin;
354
+ background: #fff;
355
+ }
356
+ .goods-info-wrapper .font-12 {
357
+ font-size: 1.90476vmin;
358
+ }
359
+ .goods-info-wrapper .goods-info {
360
+ padding: 2.53968vmin;
361
+ }
362
+ .goods-info-wrapper .goods-info .shop-title {
363
+ display: flex;
364
+ align-items: center;
365
+ }
366
+ .goods-info-wrapper .goods-info .shop-title .shop-img {
367
+ width: 2.53968vmin;
368
+ height: 2.53968vmin;
369
+ margin-right: 1.26984vmin;
370
+ }
371
+ .goods-info-wrapper .goods-info .shop-title .shop-name {
372
+ font-size: 2.22222vmin;
373
+ }
374
+ .goods-info-wrapper .goods-info .goods-wrapper {
375
+ display: flex;
376
+ margin-top: 2.53968vmin;
377
+ }
378
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail {
379
+ position: relative;
380
+ flex: 0 0 14.28571vmin;
381
+ height: 14.28571vmin;
382
+ width: 14.28571vmin;
383
+ border-radius: 0.63492vmin;
384
+ border: 0.15873vmin solid #e5e5e5;
385
+ overflow: hidden;
386
+ }
387
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail .goods-type {
388
+ position: absolute;
389
+ right: 0.63492vmin;
390
+ bottom: 0.63492vmin;
391
+ text-size-adjust: none;
392
+ color: #ffffff !important;
393
+ padding: 0.47619vmin;
394
+ border-radius: 0.31746vmin;
395
+ background: rgba(0, 0, 0, 0.25);
396
+ font-size: 1.5873vmin;
397
+ backdrop-filter: blur(1.90476vmin);
398
+ font-weight: 500;
399
+ }
400
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail .svip-tag {
401
+ position: absolute;
402
+ top: 0;
403
+ left: 0;
404
+ padding: 0.15873vmin 0.63492vmin;
405
+ background: linear-gradient(315deg, #333333 0%, #525252 68%, #333333 100%);
406
+ border-radius: 0.63492vmin 0vmin 0.63492vmin 0vmin;
407
+ }
408
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail .svip-tag-text {
409
+ font-size: 1.5873vmin;
410
+ text-size-adjust: none;
411
+ color: #ffc266;
412
+ }
413
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail {
414
+ flex: 1;
415
+ margin-left: 1.90476vmin;
416
+ display: flex;
417
+ flex-direction: column;
418
+ justify-content: space-around;
419
+ padding: 0;
420
+ }
421
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-title {
422
+ display: -webkit-box;
423
+ -webkit-box-orient: vertical;
424
+ -webkit-line-clamp: 2;
425
+ overflow: hidden;
426
+ word-break: break-all;
427
+ }
428
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-title .goods-tag {
429
+ margin-right: 0.31746vmin;
430
+ white-space: nowrap;
431
+ color: #1472FF;
432
+ border: 0.15873vmin solid #1472FF;
433
+ padding: 0 0.63492vmin;
434
+ border-radius: 0.31746vmin;
435
+ background-color: #fff;
436
+ top: -vmin(4);
437
+ position: relative;
438
+ }
439
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-title .goods-name {
440
+ font-size: 2.22222vmin;
441
+ }
442
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-specification {
443
+ margin-top: 0.95238vmin;
444
+ height: 2.85714vmin;
445
+ color: #999;
446
+ word-break: break-all;
447
+ }
448
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity {
449
+ display: flex;
450
+ justify-content: space-between;
451
+ align-items: flex-end;
452
+ margin-top: 0.95238vmin;
453
+ width: 100%;
454
+ color: #999;
455
+ }
456
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-pay-info {
457
+ flex-grow: 1;
458
+ display: flex;
459
+ flex-direction: column;
460
+ }
461
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-limit {
462
+ margin-bottom: 1.26984vmin;
463
+ display: flex;
464
+ font-size: 1.90476vmin;
465
+ }
466
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-limit .border-blue {
467
+ border: #1472FF .02rem solid;
468
+ color: #1472ff;
469
+ padding: 0 0.63492vmin;
470
+ margin-right: 0.63492vmin;
471
+ border-radius: 0.31746vmin;
472
+ }
473
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-limit .border-orange {
474
+ border: #ff781f 0.15873vmin solid;
475
+ color: #ff781f;
476
+ padding: 0 0.63492vmin;
477
+ border-radius: 0.31746vmin;
478
+ }
479
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-price {
480
+ display: inline-block;
481
+ margin-right: 0.63492vmin;
482
+ margin-bottom: 0;
483
+ font-size: 2.53968vmin;
484
+ }
485
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tags {
486
+ display: inline-block;
487
+ }
488
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag {
489
+ display: inline-block;
490
+ padding: 0.15873vmin 0.95238vmin;
491
+ font-size: 1.5873vmin;
492
+ border-radius: 1.5873vmin;
493
+ }
494
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag + .goods-tag {
495
+ margin-left: 0.63492vmin;
496
+ }
497
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag.marketing-tag {
498
+ color: #ff781f;
499
+ background: #fff3eb;
500
+ }
501
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag.send-friend {
502
+ color: #07c160;
503
+ border: 0.15873vmin solid rgba(7, 193, 96, 0.5);
504
+ }
505
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter {
506
+ flex-shrink: 0;
507
+ }
508
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter .goods-plus, .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter .goods-minus {
509
+ background: none;
510
+ }
511
+ }
512
+
513
+ @media screen and (min-height: 768px) and (orientation: landscape) {
514
+ .goods-info-wrapper {
515
+ margin-bottom: 1.17188vmin;
516
+ background: #fff;
517
+ }
518
+ .goods-info-wrapper .font-12 {
519
+ font-size: 1.5625vmin;
520
+ }
521
+ .goods-info-wrapper .goods-info {
522
+ padding: 2.08333vmin;
523
+ }
524
+ .goods-info-wrapper .goods-info .shop-title {
525
+ display: flex;
526
+ align-items: center;
527
+ }
528
+ .goods-info-wrapper .goods-info .shop-title .shop-img {
529
+ width: 2.08333vmin;
530
+ height: 2.08333vmin;
531
+ margin-right: 1.04167vmin;
532
+ }
533
+ .goods-info-wrapper .goods-info .shop-title .shop-name {
534
+ font-size: 1.82292vmin;
535
+ }
536
+ .goods-info-wrapper .goods-info .goods-wrapper {
537
+ display: flex;
538
+ margin-top: 2.08333vmin;
539
+ }
540
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail {
541
+ position: relative;
542
+ flex: 0 0 11.71875vmin;
543
+ height: 11.71875vmin;
544
+ width: 11.71875vmin;
545
+ border-radius: 0.52083vmin;
546
+ border: 0.13021vmin solid #e5e5e5;
547
+ overflow: hidden;
548
+ }
549
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail .goods-type {
550
+ position: absolute;
551
+ right: 0.52083vmin;
552
+ bottom: 0.52083vmin;
553
+ text-size-adjust: none;
554
+ color: #ffffff !important;
555
+ padding: 0.39062vmin;
556
+ border-radius: 0.26042vmin;
557
+ background: rgba(0, 0, 0, 0.25);
558
+ font-size: 1.30208vmin;
559
+ backdrop-filter: blur(1.5625vmin);
560
+ font-weight: 500;
561
+ }
562
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail .svip-tag {
563
+ position: absolute;
564
+ top: 0;
565
+ left: 0;
566
+ padding: 0.13021vmin 0.52083vmin;
567
+ background: linear-gradient(315deg, #333333 0%, #525252 68%, #333333 100%);
568
+ border-radius: 0.52083vmin 0vmin 0.52083vmin 0vmin;
569
+ }
570
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail .svip-tag-text {
571
+ font-size: 1.30208vmin;
572
+ text-size-adjust: none;
573
+ color: #ffc266;
574
+ }
575
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail {
576
+ flex: 1;
577
+ margin-left: 1.5625vmin;
578
+ display: flex;
579
+ flex-direction: column;
580
+ justify-content: space-around;
581
+ padding: 0;
582
+ }
583
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-title {
584
+ display: -webkit-box;
585
+ -webkit-box-orient: vertical;
586
+ -webkit-line-clamp: 2;
587
+ overflow: hidden;
588
+ word-break: break-all;
589
+ }
590
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-title .goods-tag {
591
+ margin-right: 0.26042vmin;
592
+ white-space: nowrap;
593
+ color: #1472FF;
594
+ border: 0.13021vmin solid #1472FF;
595
+ padding: 0 0.52083vmin;
596
+ border-radius: 0.26042vmin;
597
+ background-color: #fff;
598
+ top: -vmin(4);
599
+ position: relative;
600
+ }
601
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-title .goods-name {
602
+ font-size: 1.82292vmin;
603
+ }
604
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-specification {
605
+ margin-top: 0.78125vmin;
606
+ height: 2.34375vmin;
607
+ color: #999;
608
+ word-break: break-all;
609
+ }
610
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity {
611
+ display: flex;
612
+ justify-content: space-between;
613
+ align-items: flex-end;
614
+ margin-top: 0.78125vmin;
615
+ width: 100%;
616
+ color: #999;
617
+ }
618
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-pay-info {
619
+ flex-grow: 1;
620
+ display: flex;
621
+ flex-direction: column;
622
+ }
623
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-limit {
624
+ margin-bottom: 1.04167vmin;
625
+ display: flex;
626
+ font-size: 1.5625vmin;
627
+ }
628
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-limit .border-blue {
629
+ border: #1472FF .02rem solid;
630
+ color: #1472ff;
631
+ padding: 0 0.52083vmin;
632
+ margin-right: 0.52083vmin;
633
+ border-radius: 0.26042vmin;
634
+ }
635
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-limit .border-orange {
636
+ border: #ff781f 0.13021vmin solid;
637
+ color: #ff781f;
638
+ padding: 0 0.52083vmin;
639
+ border-radius: 0.26042vmin;
640
+ }
641
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-price {
642
+ display: inline-block;
643
+ margin-right: 0.52083vmin;
644
+ margin-bottom: 0;
645
+ font-size: 2.08333vmin;
646
+ }
647
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tags {
648
+ display: inline-block;
649
+ }
650
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag {
651
+ display: inline-block;
652
+ padding: 0.13021vmin 0.78125vmin;
653
+ font-size: 1.30208vmin;
654
+ border-radius: 1.30208vmin;
655
+ }
656
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag + .goods-tag {
657
+ margin-left: 0.52083vmin;
658
+ }
659
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag.marketing-tag {
660
+ color: #ff781f;
661
+ background: #fff3eb;
662
+ }
663
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag.send-friend {
664
+ color: #07c160;
665
+ border: 0.13021vmin solid rgba(7, 193, 96, 0.5);
666
+ }
667
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter {
668
+ flex-shrink: 0;
669
+ }
670
+ .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter .goods-plus, .goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter .goods-minus {
671
+ background: none;
672
+ }
673
+ }