xiaoe_mp_npm 1.1.15 → 1.1.17
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.
- package/.history/{package_20251209110247.json → package_20251209115022.json} +1 -1
- package/.history/{package_20251209110256.json → package_20251209115044.json} +1 -1
- package/package.json +1 -1
- package/src/GoodsItem/index.js +28 -10
- package/src/GoodsItem/index.scss +19 -0
- package/src/GoodsItem/index.wxml +9 -3
- package/src/GoodsItem/index.wxss +1 -1
- package/src/LiveGoodsList/Header/index.js +11 -0
- package/src/LiveGoodsList/Header/index.scss +49 -17
- package/src/LiveGoodsList/Header/index.wxml +16 -12
- package/src/LiveGoodsList/Header/index.wxss +1 -262
- package/src/LiveGoodsList/index.js +524 -465
- package/src/LiveGoodsList/index.json +2 -1
- package/src/LiveGoodsList/index.scss +45 -0
- package/src/LiveGoodsList/index.wxml +82 -36
- package/src/LiveGoodsList/index.wxss +1 -358
- package/src/MatchList/index.js +441 -0
- package/src/MatchList/index.json +6 -0
- package/src/MatchList/index.scss +176 -0
- package/src/MatchList/index.wxml +97 -0
- package/src/MatchList/index.wxss +1 -0
- package/src/TeacherGoodsList/index.js +146 -198
- package/src/TeacherGoodsList/index.json +2 -1
- package/src/TeacherGoodsList/index.scss +34 -10
- package/src/TeacherGoodsList/index.wxml +101 -77
- package/src/TeacherGoodsList/index.wxss +1 -1
- package/src/common/api/liveGoodsList.js +37 -2
- package/src/common/utils/liveGoods.js +218 -0
- package/.history/package_20251201163309.json +0 -78
- package/.history/package_20251201163846.json +0 -78
- package/.history/package_20251201163847.json +0 -78
- package/.history/package_20251204175452.json +0 -78
- package/.history/package_20251204175455.json +0 -78
- package/.history/package_20251209110035.json +0 -78
- package/.history/src/ConfirmOrder/components/ConfirmOrderContent/index_20251201163309.js +0 -1820
- package/.history/src/ConfirmOrder/components/ConfirmOrderContent/index_20251201163349.js +0 -1820
- package/.history/src/ConfirmOrder/components/ConfirmOrderContent/index_20251201163355.js +0 -1820
- package/.history/src/ConfirmOrder/components/ConfirmOrderContent/index_20251201163359.js +0 -1820
package/package.json
CHANGED
package/src/GoodsItem/index.js
CHANGED
|
@@ -361,9 +361,14 @@ Component({
|
|
|
361
361
|
isStudent(properties) {
|
|
362
362
|
return properties.current_role === 'student'
|
|
363
363
|
},
|
|
364
|
-
|
|
364
|
+
/**
|
|
365
|
+
* 是否显示划线价
|
|
366
|
+
* 划线价大于0 && && 非超级会员商品 && (原价小于1000元 || 原价、划线价都是整数 || 不显示券后价)
|
|
367
|
+
*/
|
|
365
368
|
showPriceLine(data) {
|
|
366
|
-
|
|
369
|
+
const { resource_type, priceLine, priceShowFlow, priceLineShowFlow, priceShow } = data.goodsItem;
|
|
370
|
+
const isInteger = priceShowFlow === "00" && priceLineShowFlow === "00";
|
|
371
|
+
return priceLine > 0 && resource_type !== 23 && (priceShow < 100000 || isInteger || !data.showPreferentialPrice)
|
|
367
372
|
},
|
|
368
373
|
showPrice(data) {
|
|
369
374
|
return data.isIOS && data.IOSMiniProgramCanBuy && data.goodsItem.priceShow !== 0 || !data.isIOS && data.goodsItem.priceShow !== 0
|
|
@@ -400,26 +405,31 @@ Component({
|
|
|
400
405
|
// 以下各种情况,按去查看 -> 已抢光 -> 查看详情 -> 免费领取 -> 券后 -> 去抢购 优先级展示
|
|
401
406
|
// 超级会员全免权益
|
|
402
407
|
let svipAllFree = data.goodsItem.resource_rights_type === 1
|
|
408
|
+
let text = "去抢购"
|
|
403
409
|
if (data.isSoldOut && !data.isStudent) {
|
|
404
|
-
|
|
410
|
+
text = "已售罄"
|
|
405
411
|
} else if (data.isOver) {
|
|
406
412
|
// 库存为0,已售罄
|
|
407
|
-
|
|
413
|
+
text = "已抢光"
|
|
408
414
|
} else if (data.allContactPay || (data.isIOS && !data.IOSMiniProgramCanBuy)) {
|
|
409
415
|
// IOS小程序中不能买的展示去查看,跳转到小程序客服
|
|
410
|
-
|
|
416
|
+
text = "去查看"
|
|
411
417
|
} else if (data.goodsItem.err_code) {
|
|
412
418
|
// 券后价接口报错,领取不了优惠券的情况
|
|
413
|
-
|
|
419
|
+
text = "查看详情"
|
|
414
420
|
} else if (svipAllFree || data.goodsItem.priceShow === 0) {
|
|
415
421
|
// 超级会员全免或者0元商品
|
|
416
|
-
|
|
422
|
+
text = "免费领取"
|
|
417
423
|
} else if (data.showPreferentialPrice) {
|
|
418
424
|
// 展示券后价
|
|
419
|
-
|
|
420
|
-
} else {
|
|
421
|
-
return "购买"
|
|
425
|
+
text = "去抢购"
|
|
422
426
|
}
|
|
427
|
+
|
|
428
|
+
// 自动领券状态时,覆盖去抢购状态
|
|
429
|
+
if (data.showPreferentialPrice && data.goodsItem.is_auto_receive_coupon && text === '去抢购') {
|
|
430
|
+
text = '领券抢购'; // 领券抢购
|
|
431
|
+
}
|
|
432
|
+
return text
|
|
423
433
|
},
|
|
424
434
|
//当前适用的活动或者超级会员,活动价低就是活动,会员价低就是超级会员,超级会员全免,肯定最低,适用超级会员
|
|
425
435
|
// "限时折扣",
|
|
@@ -441,6 +451,14 @@ Component({
|
|
|
441
451
|
isSupperVip(data) {
|
|
442
452
|
return data.currentActive === '超级会员'
|
|
443
453
|
},
|
|
454
|
+
// 等级会员
|
|
455
|
+
isMembership(data) {
|
|
456
|
+
return data.currentActive === "等级会员";
|
|
457
|
+
},
|
|
458
|
+
// 等级会员名称
|
|
459
|
+
showMembershipRankName(data) {
|
|
460
|
+
return data.isMembership ? data.goodsItem.rank_name : "";
|
|
461
|
+
},
|
|
444
462
|
//秒杀活动需要预约
|
|
445
463
|
isAppointment(data) {
|
|
446
464
|
data.goodsItem.appointment = 1 //mock
|
package/src/GoodsItem/index.scss
CHANGED
|
@@ -217,6 +217,25 @@ $deviceWidth: 750;
|
|
|
217
217
|
color: transparent;
|
|
218
218
|
}
|
|
219
219
|
}
|
|
220
|
+
.membership-activity-type {
|
|
221
|
+
background: linear-gradient(90deg, #ffe7c2, #fedaa9);
|
|
222
|
+
padding: vmin(4) vmin(8);
|
|
223
|
+
font-size: vmin(20);
|
|
224
|
+
height: vmin(32);
|
|
225
|
+
width: max-content;
|
|
226
|
+
line-height: vmin(36);
|
|
227
|
+
flex-shrink: 0;
|
|
228
|
+
margin-right: vmin(8);
|
|
229
|
+
border-radius: vmin(4);
|
|
230
|
+
display: flex;
|
|
231
|
+
font-weight: 500;
|
|
232
|
+
align-items: center;
|
|
233
|
+
box-sizing: border-box;
|
|
234
|
+
.membership-activity-txt {
|
|
235
|
+
-webkit-background-clip: text;
|
|
236
|
+
color: #7a4b2c;
|
|
237
|
+
}
|
|
238
|
+
}
|
|
220
239
|
.goods-title {
|
|
221
240
|
font-size: vmin(28);
|
|
222
241
|
color: #333333;
|
package/src/GoodsItem/index.wxml
CHANGED
|
@@ -55,11 +55,17 @@
|
|
|
55
55
|
<view class="right {{isManage?'manage-right':''}}">
|
|
56
56
|
<!-- 标题 -->
|
|
57
57
|
<view class="line-one">
|
|
58
|
+
<!-- 超级会员label -->
|
|
58
59
|
<view class="super-activity-type" wx:if="{{isSupperVip}}">
|
|
59
60
|
<text class="super-activity-txt">{{currentActive}}</text>
|
|
60
61
|
</view>
|
|
61
|
-
|
|
62
|
-
|
|
62
|
+
<!-- 等级会员label -->
|
|
63
|
+
<view wx:if="{{isMembership}}" class="membership-activity-type">
|
|
64
|
+
<text class="membership-activity-txt">{{ showMembershipRankName }}</text>
|
|
65
|
+
</view>
|
|
66
|
+
<!-- 预热中 -->
|
|
67
|
+
<text class="goods-is-preheat" wx:if="{{goodsItem.is_preheat && !isStudent}}">预热中</text>
|
|
68
|
+
<text class="goods-title {{isManage?'manage-title':''}}">{{goodsItem.title}}</text>
|
|
63
69
|
</view>
|
|
64
70
|
|
|
65
71
|
<!-- 亮点 -->
|
|
@@ -161,7 +167,7 @@
|
|
|
161
167
|
<!-- 库存为0的情况 -->
|
|
162
168
|
<view class="no-stock-btn" wx:if="{{ btnTxt === '已抢光' || btnTxt === '已售罄' }}" catchtap="checkSellOut">{{ btnTxt }}</view>
|
|
163
169
|
<!-- 正常情况 -->
|
|
164
|
-
<view class="buy-btn {{goodsItem.is_preheat ? 'preheat-btn' : ''}}" catchtap="snapUpCheck" wx:elif="{{ btnTxt === '
|
|
170
|
+
<view class="buy-btn {{goodsItem.is_preheat ? 'preheat-btn' : ''}}" catchtap="snapUpCheck" wx:elif="{{ btnTxt === '去抢购' || btnTxt === '领券抢购' }}">{{ btnTxt }}</view>
|
|
165
171
|
<!-- 0元商品/超级会员免费/券后价、领券接口熔断的情况 -->
|
|
166
172
|
<view
|
|
167
173
|
class="buy-btn"
|
package/src/GoodsItem/index.wxss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes turn{0%{transform:rotate(0deg)}20%{transform:rotate(72deg)}40%{transform:rotate(144deg)}60%{transform:rotate(216deg)}80%{transform:rotate(288deg)}100%{transform:rotate(360deg)}}.goods-item{display:flex;min-height:24vmin;background:#ffffff;border-radius:2.13333vmin;flex-direction:column;padding:2.13333vmin;margin:2.13333vmin 2.13333vmin 0vmin 2.13333vmin}.goods-item .main-card{display:flex;flex-direction:row}.goods-item .main-card .left{position:relative;width:29.86667vmin;height:29.86667vmin}.goods-item .main-card .left image{width:29.86667vmin;height:29.86667vmin}.goods-item .main-card .left .index{border-radius:2.13333vmin 0 2.13333vmin 0;position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;min-width:4.8vmin;height:4.26667vmin;padding:0 .8vmin;font-size:2.66667vmin;background:rgba(0,0,0,0.6);color:#FFFFFF;z-index:1}.goods-item .main-card .left .lottery-sign{position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;height:4.26667vmin;width:auto;padding:0 2.13333vmin;border-radius:2.13333vmin 0 1.33333vmin 0;background:linear-gradient(90deg, #FF833E 0%, #FF2E57 97.5%),linear-gradient(270deg, #FE6500 0%, #FF4102 100%);backdrop-filter:blur(1.6vmin);font-size:2.66667vmin;color:#fff}.goods-item .main-card .left .lottery-sign-index{padding:0 2.13333vmin 0 7.46667vmin}.goods-item .main-card .left .ios-index{background:rgba(0,0,0,0.25);backdrop-filter:blur(3.2vmin)}.goods-item .main-card .left .goods-type{position:absolute;right:1.06667vmin;bottom:1.06667vmin;padding:1.06667vmin 1.33333vmin;background:rgba(0,0,0,0.4);border-radius:1.06667vmin;color:#fff;font-size:2.66667vmin;width:fit-content;display:flex;justify-content:center;align-items:center;height:2.66667vmin;font-weight:500}.goods-item .main-card .left .goods-explaining{position:absolute;width:32vmin;height:4.8vmin;bottom:0vmin;left:0vmin}.goods-item .main-card .left .ios-goods-type{background:rgba(0,0,0,0.25) !important;backdrop-filter:blur(3.2vmin)}.goods-item .main-card .left .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:5.33333vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:5.33333vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:2.88vmin;width:4.8vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:2.88vmin;width:.53333vmin;border-radius:1.06667vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(1){left:0;animation:0.9s ease-in-out 0.15s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:1.33333vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){left:2.66667vmin;animation:0.9s ease-in-out 0.35s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(4){left:4vmin;animation:0.9s ease-in-out 0.45s loading-run infinite}@keyframes loading-run{0%,40%,100%{height:1.44vmin}25%{height:2.88vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:3.2vmin;color:#ffffff;position:relative;margin-left:1.06667vmin}.goods-item .main-card .left .is-over{border-radius:1.42267vmin 1.42267vmin 0 0;position:absolute;top:0;left:0;width:29.86667vmin;height:100%;background:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;color:#ffffff;font-size:3.2vmin}.goods-item .main-card .right{flex:1;display:flex;flex-direction:column;margin-left:2.13333vmin;height:29.86667vmin;width:calc(100% - vmin(256));position:relative}.goods-item .main-card .right .line-one{display:flex;align-items:center;height:4.8vmin;width:59.46667vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.53333vmin 1.06667vmin;font-size:2.66667vmin;height:4.26667vmin;width:max-content;line-height:4.8vmin;flex-shrink:0;margin-right:1.06667vmin;border-radius:.53333vmin;display:flex;font-weight:500;align-items:center}.goods-item .main-card .right .line-one .super-activity-type .super-activity-txt{background:linear-gradient(to right, #FFE4AD, #FFC266);-webkit-background-clip:text;color:transparent}.goods-item .main-card .right .line-one .goods-title{font-size:3.73333vmin;color:#333333;word-break:break-all;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;line-height:5.33333vmin;font-weight:500;width:59.46667vmin}.goods-item .main-card .right .line-one .goods-is-preheat{border-radius:.53333vmin;border:1rpx solid #ff2e57;padding:.53333vmin 1.06667vmin;color:#ff2e57;font-weight:500;font-size:2.66667vmin;margin-right:1.06667vmin;flex-shrink:0}.goods-item .main-card .right .line-one .manage-title{width:49.86667vmin}.goods-item .main-card .right .desc{color:#FF2E57;font-size:3.2vmin;line-height:3.2vmin;margin-top:1.06667vmin}.goods-item .main-card .right .order{margin-top:1.06667vmin;display:flex;align-items:center;justify-content:space-between;font-size:2.66667vmin}.goods-item .main-card .right .order .order-left{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.06667vmin}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.53333vmin;padding:.53333vmin 1.06667vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:3.2vmin;height:3.2vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.53333vmin 1.06667vmin;border-radius:.53333vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center;flex-shrink:0;align-self:flex-start}.goods-item .main-card .right .order .stock-and-order .stock-line{background-color:#E5E5E5;width:1px;height:10px;margin:0 4px}.goods-item .main-card .right .order .stock-and-order .order-stock{color:#999999}.goods-item .main-card .right .progress{width:42.66667vmin;height:4.26667vmin;border-radius:2.13333vmin;background:#ebebeb;position:relative;display:flex;justify-content:space-between;padding:.53333vmin 2.50933vmin .53333vmin 2.13333vmin;box-sizing:border-box;margin-top:1.06667vmin;align-items:center}.goods-item .main-card .right .progress .schedule{height:4.26667vmin;border-radius:2.13333vmin;background:linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);position:absolute;left:0;top:0}.goods-item .main-card .right .progress .residue-num{font-size:2.66667vmin;color:#ffffff;z-index:2}.goods-item .main-card .right .progress .residue-time{color:#999999;font-size:2.66667vmin;z-index:2}.goods-item .main-card .right .sec-kill{color:#333333;height:4.26667vmin;border-radius:2.13333vmin;background:linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);font-size:2.66667vmin;margin-top:1.06667vmin;display:flex;align-items:center;padding:0 2.13333vmin}.goods-item .main-card .right .sec-kill .time{margin:0 1.86667vmin;color:#ff2e57}.goods-item .main-card .right .line-three{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;bottom:0;width:100%}.goods-item .main-card .right .line-three .price{position:relative;min-height:5.33333vmin;font-weight:500;color:#FF2E57}.goods-item .main-card .right .line-three .price .activity-type{font-size:2.66667vmin;height:4.26667vmin;line-height:4.8vmin;flex-shrink:0;margin-right:.53333vmin;border-radius:.53333vmin;font-weight:500}.goods-item .main-card .right .line-three .price .price-flow{font-size:3.2vmin}.goods-item .main-card .right .line-three .price .price-show{font-size:4.26667vmin}.goods-item .main-card .right .line-three .price .pending-price{font-size:2.66667vmin;margin-left:.53333vmin}.goods-item .main-card .right .line-three .price .sale-unit{font-size:3.2vmin;color:#666}.goods-item .main-card .right .line-three .price .price-line{font-size:2.66667vmin;text-decoration:line-through;color:#999999;margin-left:1.06667vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:6.4vmin;font-weight:500;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-teacher{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;line-height:6.4vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-teacher .load{width:3.2vmin;height:3.2vmin;animation:turn 1s linear infinite;margin-right:1.06667vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:6.4vmin;font-weight:500;opacity:40%;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .preheat-btn{opacity:40%}.goods-item .main-card .right .line-three .see-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:6.4vmin;font-weight:500;margin-left:inherit;margin-right:inherit;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential{font-size:3.2vmin;border-radius:1.06667vmin;padding:0 1.33333vmin;min-width:21.33333vmin;height:9.06667vmin;display:flex;justify-content:center;align-items:center;color:white;flex-flow:column;line-height:4.26667vmin;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential .go-buy{font-size:3.2vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow{color:#fff;font-size:2.66667vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:3.73333vmin;color:#fff}.goods-item .main-card .manage-right{width:49.86667vmin}.goods-item .main-card .teacher-switch{height:4.26667vmin;background:#fff;display:flex;margin-top:2.13333vmin}.goods-item .main-card .teacher-switch .switch-txt{opacity:1;color:#333;font-size:3.2vmin;font-weight:400;font-family:"PingFang SC";margin-left:2.13333vmin}.goods-item .hide-tip{width:32vmin;height:6.4vmin;border-radius:3.2vmin;background:#f5f5f5;font-size:2.66667vmin;color:#666666;font-weight:500;display:flex;justify-content:center;align-items:center;margin-top:1.06667vmin}.goods-item .full-hide-tip{width:100%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:2.13333vmin}.goods-item .option-btn-wrap .option-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:7.46667vmin;margin-right:3.2vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.13333vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}.goods-item.lottery-goods-item{padding:2.13333vmin 1.06667vmin;margin:0vmin 1.06667vmin 2.13333vmin}@media screen and (min-width: 768px) and (orientation: portrait){.goods-item{display:flex;min-height:11.71875vmin;background:#ffffff;border-radius:1.04167vmin;flex-direction:column;padding:1.04167vmin;margin:1.04167vmin 1.04167vmin 0vmin 1.04167vmin}.goods-item .main-card{display:flex;flex-direction:row}.goods-item .main-card .left{position:relative;width:14.58333vmin;height:14.58333vmin}.goods-item .main-card .left image{width:14.58333vmin;height:14.58333vmin}.goods-item .main-card .left .index{border-radius:1.04167vmin 0 1.04167vmin 0;position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;min-width:2.34375vmin;height:2.08333vmin;padding:0 .39062vmin;font-size:1.30208vmin;background:rgba(0,0,0,0.6);color:#FFFFFF;z-index:1}.goods-item .main-card .left .lottery-sign{position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;height:2.08333vmin;width:auto;padding:0 1.04167vmin;border-radius:1.04167vmin 0 .65104vmin 0;background:linear-gradient(90deg, #FF833E 0%, #FF2E57 97.5%),linear-gradient(270deg, #FE6500 0%, #FF4102 100%);backdrop-filter:blur(.78125vmin);font-size:1.30208vmin;color:#fff}.goods-item .main-card .left .lottery-sign-index{padding:0 1.04167vmin 0 3.64583vmin}.goods-item .main-card .left .ios-index{background:rgba(0,0,0,0.25);backdrop-filter:blur(1.5625vmin)}.goods-item .main-card .left .goods-type{position:absolute;right:.52083vmin;bottom:.52083vmin;padding:.52083vmin .65104vmin;background:rgba(0,0,0,0.4);border-radius:.52083vmin;color:#fff;font-size:1.30208vmin;width:fit-content;display:flex;justify-content:center;align-items:center;height:1.30208vmin;font-weight:500}.goods-item .main-card .left .goods-explaining{position:absolute;width:15.625vmin;height:2.34375vmin;bottom:0vmin;left:0vmin}.goods-item .main-card .left .ios-goods-type{background:rgba(0,0,0,0.25) !important;backdrop-filter:blur(1.5625vmin)}.goods-item .main-card .left .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:2.60417vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:2.60417vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:1.40625vmin;width:2.34375vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:1.40625vmin;width:.26042vmin;border-radius:.52083vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(1){left:0;animation:0.9s ease-in-out 0.15s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:.65104vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){left:1.30208vmin;animation:0.9s ease-in-out 0.35s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(4){left:1.95312vmin;animation:0.9s ease-in-out 0.45s loading-run infinite}@keyframes loading-run{0%,40%,100%{height:.70312vmin}25%{height:1.40625vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:1.5625vmin;color:#ffffff;position:relative;margin-left:.52083vmin}.goods-item .main-card .left .is-over{border-radius:.69466vmin .69466vmin 0 0;position:absolute;top:0;left:0;width:14.58333vmin;height:100%;background:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;color:#ffffff;font-size:1.5625vmin}.goods-item .main-card .right{flex:1;display:flex;flex-direction:column;margin-left:1.04167vmin;height:14.58333vmin;width:calc(100% - vmin(256));position:relative}.goods-item .main-card .right .line-one{display:flex;align-items:center;height:2.34375vmin;width:29.03646vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.26042vmin .52083vmin;font-size:1.30208vmin;height:2.08333vmin;width:max-content;line-height:2.34375vmin;flex-shrink:0;margin-right:.52083vmin;border-radius:.26042vmin;display:flex;font-weight:500;align-items:center}.goods-item .main-card .right .line-one .super-activity-type .super-activity-txt{background:linear-gradient(to right, #FFE4AD, #FFC266);-webkit-background-clip:text;color:transparent}.goods-item .main-card .right .line-one .goods-title{font-size:1.82292vmin;color:#333333;word-break:break-all;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;line-height:2.60417vmin;font-weight:500;width:29.03646vmin}.goods-item .main-card .right .line-one .goods-is-preheat{border-radius:.26042vmin;border:1rpx solid #ff2e57;padding:.26042vmin .52083vmin;color:#ff2e57;font-weight:500;font-size:1.30208vmin;margin-right:.52083vmin;flex-shrink:0}.goods-item .main-card .right .line-one .manage-title{width:24.34896vmin}.goods-item .main-card .right .desc{color:#FF2E57;font-size:1.5625vmin;line-height:1.5625vmin;margin-top:.52083vmin}.goods-item .main-card .right .order{margin-top:.52083vmin;display:flex;align-items:center;justify-content:space-between;font-size:1.30208vmin}.goods-item .main-card .right .order .order-left{display:flex;flex-direction:row;flex-wrap:wrap;gap:.52083vmin}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.26042vmin;padding:.26042vmin .52083vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:1.5625vmin;height:1.5625vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.26042vmin .52083vmin;border-radius:.26042vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center;flex-shrink:0;align-self:flex-start}.goods-item .main-card .right .order .stock-and-order .stock-line{background-color:#E5E5E5;width:1px;height:10px;margin:0 4px}.goods-item .main-card .right .order .stock-and-order .order-stock{color:#999999}.goods-item .main-card .right .progress{width:20.83333vmin;height:2.08333vmin;border-radius:1.04167vmin;background:#ebebeb;position:relative;display:flex;justify-content:space-between;padding:.26042vmin 1.22526vmin .26042vmin 1.04167vmin;box-sizing:border-box;margin-top:.52083vmin;align-items:center}.goods-item .main-card .right .progress .schedule{height:2.08333vmin;border-radius:1.04167vmin;background:linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);position:absolute;left:0;top:0}.goods-item .main-card .right .progress .residue-num{font-size:1.30208vmin;color:#ffffff;z-index:2}.goods-item .main-card .right .progress .residue-time{color:#999999;font-size:1.30208vmin;z-index:2}.goods-item .main-card .right .sec-kill{color:#333333;height:2.08333vmin;border-radius:1.04167vmin;background:linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);font-size:1.30208vmin;margin-top:.52083vmin;display:flex;align-items:center;padding:0 1.04167vmin}.goods-item .main-card .right .sec-kill .time{margin:0 .91146vmin;color:#ff2e57}.goods-item .main-card .right .line-three{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;bottom:0;width:100%}.goods-item .main-card .right .line-three .price{position:relative;min-height:2.60417vmin;font-weight:500;color:#FF2E57}.goods-item .main-card .right .line-three .price .activity-type{font-size:1.30208vmin;height:2.08333vmin;line-height:2.34375vmin;flex-shrink:0;margin-right:.26042vmin;border-radius:.26042vmin;font-weight:500}.goods-item .main-card .right .line-three .price .price-flow{font-size:1.5625vmin}.goods-item .main-card .right .line-three .price .price-show{font-size:2.08333vmin}.goods-item .main-card .right .line-three .price .pending-price{font-size:1.30208vmin;margin-left:.26042vmin}.goods-item .main-card .right .line-three .price .sale-unit{font-size:1.5625vmin;color:#666}.goods-item .main-card .right .line-three .price .price-line{font-size:1.30208vmin;text-decoration:line-through;color:#999999;margin-left:.52083vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.125vmin;font-weight:500;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-teacher{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;line-height:3.125vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-teacher .load{width:1.5625vmin;height:1.5625vmin;animation:turn 1s linear infinite;margin-right:.52083vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.125vmin;font-weight:500;opacity:40%;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .preheat-btn{opacity:40%}.goods-item .main-card .right .line-three .see-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.125vmin;font-weight:500;margin-left:inherit;margin-right:inherit;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential{font-size:1.5625vmin;border-radius:.52083vmin;padding:0 .65104vmin;min-width:10.41667vmin;height:4.42708vmin;display:flex;justify-content:center;align-items:center;color:white;flex-flow:column;line-height:2.08333vmin;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential .go-buy{font-size:1.5625vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow{color:#fff;font-size:1.30208vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:1.82292vmin;color:#fff}.goods-item .main-card .manage-right{width:24.34896vmin}.goods-item .main-card .teacher-switch{height:2.08333vmin;background:#fff;display:flex;margin-top:1.04167vmin}.goods-item .main-card .teacher-switch .switch-txt{opacity:1;color:#333;font-size:1.5625vmin;font-weight:400;font-family:"PingFang SC";margin-left:1.04167vmin}.goods-item .hide-tip{width:15.625vmin;height:3.125vmin;border-radius:1.5625vmin;background:#f5f5f5;font-size:1.30208vmin;color:#666666;font-weight:500;display:flex;justify-content:center;align-items:center;margin-top:.52083vmin}.goods-item .full-hide-tip{width:100%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:1.04167vmin}.goods-item .option-btn-wrap .option-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.64583vmin;margin-right:1.5625vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.0651vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}.goods-item.lottery-goods-item{padding:1.04167vmin .52083vmin;margin:0vmin .52083vmin 1.04167vmin}}@media screen and (min-height: 630px) and (orientation: landscape){.goods-item{display:flex;min-height:14.28571vmin;background:#ffffff;border-radius:1.26984vmin;flex-direction:column;padding:1.26984vmin;margin:1.26984vmin 1.26984vmin 0vmin 1.26984vmin}.goods-item .main-card{display:flex;flex-direction:row}.goods-item .main-card .left{position:relative;width:17.77778vmin;height:17.77778vmin}.goods-item .main-card .left image{width:17.77778vmin;height:17.77778vmin}.goods-item .main-card .left .index{border-radius:1.26984vmin 0 1.26984vmin 0;position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;min-width:2.85714vmin;height:2.53968vmin;padding:0 .47619vmin;font-size:1.5873vmin;background:rgba(0,0,0,0.6);color:#FFFFFF;z-index:1}.goods-item .main-card .left .lottery-sign{position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;height:2.53968vmin;width:auto;padding:0 1.26984vmin;border-radius:1.26984vmin 0 .79365vmin 0;background:linear-gradient(90deg, #FF833E 0%, #FF2E57 97.5%),linear-gradient(270deg, #FE6500 0%, #FF4102 100%);backdrop-filter:blur(.95238vmin);font-size:1.5873vmin;color:#fff}.goods-item .main-card .left .lottery-sign-index{padding:0 1.26984vmin 0 4.44444vmin}.goods-item .main-card .left .ios-index{background:rgba(0,0,0,0.25);backdrop-filter:blur(1.90476vmin)}.goods-item .main-card .left .goods-type{position:absolute;right:.63492vmin;bottom:.63492vmin;padding:.63492vmin .79365vmin;background:rgba(0,0,0,0.4);border-radius:.63492vmin;color:#fff;font-size:1.5873vmin;width:fit-content;display:flex;justify-content:center;align-items:center;height:1.5873vmin;font-weight:500}.goods-item .main-card .left .goods-explaining{position:absolute;width:19.04762vmin;height:2.85714vmin;bottom:0vmin;left:0vmin}.goods-item .main-card .left .ios-goods-type{background:rgba(0,0,0,0.25) !important;backdrop-filter:blur(1.90476vmin)}.goods-item .main-card .left .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:3.1746vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:3.1746vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:1.71429vmin;width:2.85714vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:1.71429vmin;width:.31746vmin;border-radius:.63492vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(1){left:0;animation:0.9s ease-in-out 0.15s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:.79365vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){left:1.5873vmin;animation:0.9s ease-in-out 0.35s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(4){left:2.38095vmin;animation:0.9s ease-in-out 0.45s loading-run infinite}@keyframes loading-run{0%,40%,100%{height:.85714vmin}25%{height:1.71429vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:1.90476vmin;color:#ffffff;position:relative;margin-left:.63492vmin}.goods-item .main-card .left .is-over{border-radius:.84683vmin .84683vmin 0 0;position:absolute;top:0;left:0;width:17.77778vmin;height:100%;background:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;color:#ffffff;font-size:1.90476vmin}.goods-item .main-card .right{flex:1;display:flex;flex-direction:column;margin-left:1.26984vmin;height:17.77778vmin;width:calc(100% - vmin(256));position:relative}.goods-item .main-card .right .line-one{display:flex;align-items:center;height:2.85714vmin;width:35.39683vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.31746vmin .63492vmin;font-size:1.5873vmin;height:2.53968vmin;width:max-content;line-height:2.85714vmin;flex-shrink:0;margin-right:.63492vmin;border-radius:.31746vmin;display:flex;font-weight:500;align-items:center}.goods-item .main-card .right .line-one .super-activity-type .super-activity-txt{background:linear-gradient(to right, #FFE4AD, #FFC266);-webkit-background-clip:text;color:transparent}.goods-item .main-card .right .line-one .goods-title{font-size:2.22222vmin;color:#333333;word-break:break-all;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;line-height:3.1746vmin;font-weight:500;width:35.39683vmin}.goods-item .main-card .right .line-one .goods-is-preheat{border-radius:.31746vmin;border:1rpx solid #ff2e57;padding:.31746vmin .63492vmin;color:#ff2e57;font-weight:500;font-size:1.5873vmin;margin-right:.63492vmin;flex-shrink:0}.goods-item .main-card .right .line-one .manage-title{width:29.68254vmin}.goods-item .main-card .right .desc{color:#FF2E57;font-size:1.90476vmin;line-height:1.90476vmin;margin-top:.63492vmin}.goods-item .main-card .right .order{margin-top:.63492vmin;display:flex;align-items:center;justify-content:space-between;font-size:1.5873vmin}.goods-item .main-card .right .order .order-left{display:flex;flex-direction:row;flex-wrap:wrap;gap:.63492vmin}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.31746vmin;padding:.31746vmin .63492vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:1.90476vmin;height:1.90476vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.31746vmin .63492vmin;border-radius:.31746vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center;flex-shrink:0;align-self:flex-start}.goods-item .main-card .right .order .stock-and-order .stock-line{background-color:#E5E5E5;width:1px;height:10px;margin:0 4px}.goods-item .main-card .right .order .stock-and-order .order-stock{color:#999999}.goods-item .main-card .right .progress{width:25.39683vmin;height:2.53968vmin;border-radius:1.26984vmin;background:#ebebeb;position:relative;display:flex;justify-content:space-between;padding:.31746vmin 1.49365vmin .31746vmin 1.26984vmin;box-sizing:border-box;margin-top:.63492vmin;align-items:center}.goods-item .main-card .right .progress .schedule{height:2.53968vmin;border-radius:1.26984vmin;background:linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);position:absolute;left:0;top:0}.goods-item .main-card .right .progress .residue-num{font-size:1.5873vmin;color:#ffffff;z-index:2}.goods-item .main-card .right .progress .residue-time{color:#999999;font-size:1.5873vmin;z-index:2}.goods-item .main-card .right .sec-kill{color:#333333;height:2.53968vmin;border-radius:1.26984vmin;background:linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);font-size:1.5873vmin;margin-top:.63492vmin;display:flex;align-items:center;padding:0 1.26984vmin}.goods-item .main-card .right .sec-kill .time{margin:0 1.11111vmin;color:#ff2e57}.goods-item .main-card .right .line-three{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;bottom:0;width:100%}.goods-item .main-card .right .line-three .price{position:relative;min-height:3.1746vmin;font-weight:500;color:#FF2E57}.goods-item .main-card .right .line-three .price .activity-type{font-size:1.5873vmin;height:2.53968vmin;line-height:2.85714vmin;flex-shrink:0;margin-right:.31746vmin;border-radius:.31746vmin;font-weight:500}.goods-item .main-card .right .line-three .price .price-flow{font-size:1.90476vmin}.goods-item .main-card .right .line-three .price .price-show{font-size:2.53968vmin}.goods-item .main-card .right .line-three .price .pending-price{font-size:1.5873vmin;margin-left:.31746vmin}.goods-item .main-card .right .line-three .price .sale-unit{font-size:1.90476vmin;color:#666}.goods-item .main-card .right .line-three .price .price-line{font-size:1.5873vmin;text-decoration:line-through;color:#999999;margin-left:.63492vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:1.90476vmin;border-radius:.63492vmin;width:10.15873vmin;height:3.80952vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.80952vmin;font-weight:500;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-teacher{font-size:1.90476vmin;border-radius:.63492vmin;width:10.15873vmin;height:3.80952vmin;display:flex;justify-content:center;align-items:center;line-height:3.80952vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-teacher .load{width:1.90476vmin;height:1.90476vmin;animation:turn 1s linear infinite;margin-right:.63492vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:1.90476vmin;border-radius:.63492vmin;width:10.15873vmin;height:3.80952vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.80952vmin;font-weight:500;opacity:40%;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .preheat-btn{opacity:40%}.goods-item .main-card .right .line-three .see-btn{font-size:1.90476vmin;border-radius:.63492vmin;width:10.15873vmin;height:3.80952vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.80952vmin;font-weight:500;margin-left:inherit;margin-right:inherit;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential{font-size:1.90476vmin;border-radius:.63492vmin;padding:0 .79365vmin;min-width:12.69841vmin;height:5.39683vmin;display:flex;justify-content:center;align-items:center;color:white;flex-flow:column;line-height:2.53968vmin;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential .go-buy{font-size:1.90476vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow{color:#fff;font-size:1.5873vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:2.22222vmin;color:#fff}.goods-item .main-card .manage-right{width:29.68254vmin}.goods-item .main-card .teacher-switch{height:2.53968vmin;background:#fff;display:flex;margin-top:1.26984vmin}.goods-item .main-card .teacher-switch .switch-txt{opacity:1;color:#333;font-size:1.90476vmin;font-weight:400;font-family:"PingFang SC";margin-left:1.26984vmin}.goods-item .hide-tip{width:19.04762vmin;height:3.80952vmin;border-radius:1.90476vmin;background:#f5f5f5;font-size:1.5873vmin;color:#666666;font-weight:500;display:flex;justify-content:center;align-items:center;margin-top:.63492vmin}.goods-item .full-hide-tip{width:100%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:1.26984vmin}.goods-item .option-btn-wrap .option-btn{font-size:1.90476vmin;border-radius:.63492vmin;width:10.15873vmin;height:4.44444vmin;margin-right:1.90476vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.07937vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}.goods-item.lottery-goods-item{padding:1.26984vmin .63492vmin;margin:0vmin .63492vmin 1.26984vmin}}@media screen and (min-height: 768px) and (orientation: landscape){.goods-item{display:flex;min-height:11.71875vmin;background:#ffffff;border-radius:1.04167vmin;flex-direction:column;padding:1.04167vmin;margin:1.04167vmin 1.04167vmin 0vmin 1.04167vmin}.goods-item .main-card{display:flex;flex-direction:row}.goods-item .main-card .left{position:relative;width:14.58333vmin;height:14.58333vmin}.goods-item .main-card .left image{width:14.58333vmin;height:14.58333vmin}.goods-item .main-card .left .index{border-radius:1.04167vmin 0 1.04167vmin 0;position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;min-width:2.34375vmin;height:2.08333vmin;padding:0 .39062vmin;font-size:1.30208vmin;background:rgba(0,0,0,0.6);color:#FFFFFF;z-index:1}.goods-item .main-card .left .lottery-sign{position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;height:2.08333vmin;width:auto;padding:0 1.04167vmin;border-radius:1.04167vmin 0 .65104vmin 0;background:linear-gradient(90deg, #FF833E 0%, #FF2E57 97.5%),linear-gradient(270deg, #FE6500 0%, #FF4102 100%);backdrop-filter:blur(.78125vmin);font-size:1.30208vmin;color:#fff}.goods-item .main-card .left .lottery-sign-index{padding:0 1.04167vmin 0 3.64583vmin}.goods-item .main-card .left .ios-index{background:rgba(0,0,0,0.25);backdrop-filter:blur(1.5625vmin)}.goods-item .main-card .left .goods-type{position:absolute;right:.52083vmin;bottom:.52083vmin;padding:.52083vmin .65104vmin;background:rgba(0,0,0,0.4);border-radius:.52083vmin;color:#fff;font-size:1.30208vmin;width:fit-content;display:flex;justify-content:center;align-items:center;height:1.30208vmin;font-weight:500}.goods-item .main-card .left .goods-explaining{position:absolute;width:15.625vmin;height:2.34375vmin;bottom:0vmin;left:0vmin}.goods-item .main-card .left .ios-goods-type{background:rgba(0,0,0,0.25) !important;backdrop-filter:blur(1.5625vmin)}.goods-item .main-card .left .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:2.60417vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:2.60417vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:1.40625vmin;width:2.34375vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:1.40625vmin;width:.26042vmin;border-radius:.52083vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(1){left:0;animation:0.9s ease-in-out 0.15s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:.65104vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){left:1.30208vmin;animation:0.9s ease-in-out 0.35s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(4){left:1.95312vmin;animation:0.9s ease-in-out 0.45s loading-run infinite}@keyframes loading-run{0%,40%,100%{height:.70312vmin}25%{height:1.40625vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:1.5625vmin;color:#ffffff;position:relative;margin-left:.52083vmin}.goods-item .main-card .left .is-over{border-radius:.69466vmin .69466vmin 0 0;position:absolute;top:0;left:0;width:14.58333vmin;height:100%;background:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;color:#ffffff;font-size:1.5625vmin}.goods-item .main-card .right{flex:1;display:flex;flex-direction:column;margin-left:1.04167vmin;height:14.58333vmin;width:calc(100% - vmin(256));position:relative}.goods-item .main-card .right .line-one{display:flex;align-items:center;height:2.34375vmin;width:29.03646vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.26042vmin .52083vmin;font-size:1.30208vmin;height:2.08333vmin;width:max-content;line-height:2.34375vmin;flex-shrink:0;margin-right:.52083vmin;border-radius:.26042vmin;display:flex;font-weight:500;align-items:center}.goods-item .main-card .right .line-one .super-activity-type .super-activity-txt{background:linear-gradient(to right, #FFE4AD, #FFC266);-webkit-background-clip:text;color:transparent}.goods-item .main-card .right .line-one .goods-title{font-size:1.82292vmin;color:#333333;word-break:break-all;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;line-height:2.60417vmin;font-weight:500;width:29.03646vmin}.goods-item .main-card .right .line-one .goods-is-preheat{border-radius:.26042vmin;border:1rpx solid #ff2e57;padding:.26042vmin .52083vmin;color:#ff2e57;font-weight:500;font-size:1.30208vmin;margin-right:.52083vmin;flex-shrink:0}.goods-item .main-card .right .line-one .manage-title{width:24.34896vmin}.goods-item .main-card .right .desc{color:#FF2E57;font-size:1.5625vmin;line-height:1.5625vmin;margin-top:.52083vmin}.goods-item .main-card .right .order{margin-top:.52083vmin;display:flex;align-items:center;justify-content:space-between;font-size:1.30208vmin}.goods-item .main-card .right .order .order-left{display:flex;flex-direction:row;flex-wrap:wrap;gap:.52083vmin}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.26042vmin;padding:.26042vmin .52083vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:1.5625vmin;height:1.5625vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.26042vmin .52083vmin;border-radius:.26042vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center;flex-shrink:0;align-self:flex-start}.goods-item .main-card .right .order .stock-and-order .stock-line{background-color:#E5E5E5;width:1px;height:10px;margin:0 4px}.goods-item .main-card .right .order .stock-and-order .order-stock{color:#999999}.goods-item .main-card .right .progress{width:20.83333vmin;height:2.08333vmin;border-radius:1.04167vmin;background:#ebebeb;position:relative;display:flex;justify-content:space-between;padding:.26042vmin 1.22526vmin .26042vmin 1.04167vmin;box-sizing:border-box;margin-top:.52083vmin;align-items:center}.goods-item .main-card .right .progress .schedule{height:2.08333vmin;border-radius:1.04167vmin;background:linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);position:absolute;left:0;top:0}.goods-item .main-card .right .progress .residue-num{font-size:1.30208vmin;color:#ffffff;z-index:2}.goods-item .main-card .right .progress .residue-time{color:#999999;font-size:1.30208vmin;z-index:2}.goods-item .main-card .right .sec-kill{color:#333333;height:2.08333vmin;border-radius:1.04167vmin;background:linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);font-size:1.30208vmin;margin-top:.52083vmin;display:flex;align-items:center;padding:0 1.04167vmin}.goods-item .main-card .right .sec-kill .time{margin:0 .91146vmin;color:#ff2e57}.goods-item .main-card .right .line-three{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;bottom:0;width:100%}.goods-item .main-card .right .line-three .price{position:relative;min-height:2.60417vmin;font-weight:500;color:#FF2E57}.goods-item .main-card .right .line-three .price .activity-type{font-size:1.30208vmin;height:2.08333vmin;line-height:2.34375vmin;flex-shrink:0;margin-right:.26042vmin;border-radius:.26042vmin;font-weight:500}.goods-item .main-card .right .line-three .price .price-flow{font-size:1.5625vmin}.goods-item .main-card .right .line-three .price .price-show{font-size:2.08333vmin}.goods-item .main-card .right .line-three .price .pending-price{font-size:1.30208vmin;margin-left:.26042vmin}.goods-item .main-card .right .line-three .price .sale-unit{font-size:1.5625vmin;color:#666}.goods-item .main-card .right .line-three .price .price-line{font-size:1.30208vmin;text-decoration:line-through;color:#999999;margin-left:.52083vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.125vmin;font-weight:500;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-teacher{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;line-height:3.125vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-teacher .load{width:1.5625vmin;height:1.5625vmin;animation:turn 1s linear infinite;margin-right:.52083vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.125vmin;font-weight:500;opacity:40%;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .preheat-btn{opacity:40%}.goods-item .main-card .right .line-three .see-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.125vmin;font-weight:500;margin-left:inherit;margin-right:inherit;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential{font-size:1.5625vmin;border-radius:.52083vmin;padding:0 .65104vmin;min-width:10.41667vmin;height:4.42708vmin;display:flex;justify-content:center;align-items:center;color:white;flex-flow:column;line-height:2.08333vmin;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential .go-buy{font-size:1.5625vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow{color:#fff;font-size:1.30208vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:1.82292vmin;color:#fff}.goods-item .main-card .manage-right{width:24.34896vmin}.goods-item .main-card .teacher-switch{height:2.08333vmin;background:#fff;display:flex;margin-top:1.04167vmin}.goods-item .main-card .teacher-switch .switch-txt{opacity:1;color:#333;font-size:1.5625vmin;font-weight:400;font-family:"PingFang SC";margin-left:1.04167vmin}.goods-item .hide-tip{width:15.625vmin;height:3.125vmin;border-radius:1.5625vmin;background:#f5f5f5;font-size:1.30208vmin;color:#666666;font-weight:500;display:flex;justify-content:center;align-items:center;margin-top:.52083vmin}.goods-item .full-hide-tip{width:100%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:1.04167vmin}.goods-item .option-btn-wrap .option-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.64583vmin;margin-right:1.5625vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.0651vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}.goods-item.lottery-goods-item{padding:1.04167vmin .52083vmin;margin:0vmin .52083vmin 1.04167vmin}}
|
|
1
|
+
@keyframes turn{0%{transform:rotate(0deg)}20%{transform:rotate(72deg)}40%{transform:rotate(144deg)}60%{transform:rotate(216deg)}80%{transform:rotate(288deg)}100%{transform:rotate(360deg)}}.goods-item{display:flex;min-height:24vmin;background:#ffffff;border-radius:2.13333vmin;flex-direction:column;padding:2.13333vmin;margin:2.13333vmin 2.13333vmin 0vmin 2.13333vmin}.goods-item .main-card{display:flex;flex-direction:row}.goods-item .main-card .left{position:relative;width:29.86667vmin;height:29.86667vmin}.goods-item .main-card .left image{width:29.86667vmin;height:29.86667vmin}.goods-item .main-card .left .index{border-radius:2.13333vmin 0 2.13333vmin 0;position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;min-width:4.8vmin;height:4.26667vmin;padding:0 .8vmin;font-size:2.66667vmin;background:rgba(0,0,0,0.6);color:#FFFFFF;z-index:1}.goods-item .main-card .left .lottery-sign{position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;height:4.26667vmin;width:auto;padding:0 2.13333vmin;border-radius:2.13333vmin 0 1.33333vmin 0;background:linear-gradient(90deg, #FF833E 0%, #FF2E57 97.5%),linear-gradient(270deg, #FE6500 0%, #FF4102 100%);backdrop-filter:blur(1.6vmin);font-size:2.66667vmin;color:#fff}.goods-item .main-card .left .lottery-sign-index{padding:0 2.13333vmin 0 7.46667vmin}.goods-item .main-card .left .ios-index{background:rgba(0,0,0,0.25);backdrop-filter:blur(3.2vmin)}.goods-item .main-card .left .goods-type{position:absolute;right:1.06667vmin;bottom:1.06667vmin;padding:1.06667vmin 1.33333vmin;background:rgba(0,0,0,0.4);border-radius:1.06667vmin;color:#fff;font-size:2.66667vmin;width:fit-content;display:flex;justify-content:center;align-items:center;height:2.66667vmin;font-weight:500}.goods-item .main-card .left .goods-explaining{position:absolute;width:32vmin;height:4.8vmin;bottom:0vmin;left:0vmin}.goods-item .main-card .left .ios-goods-type{background:rgba(0,0,0,0.25) !important;backdrop-filter:blur(3.2vmin)}.goods-item .main-card .left .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:5.33333vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:5.33333vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:2.88vmin;width:4.8vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:2.88vmin;width:.53333vmin;border-radius:1.06667vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(1){left:0;animation:0.9s ease-in-out 0.15s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:1.33333vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){left:2.66667vmin;animation:0.9s ease-in-out 0.35s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(4){left:4vmin;animation:0.9s ease-in-out 0.45s loading-run infinite}@keyframes loading-run{0%,40%,100%{height:1.44vmin}25%{height:2.88vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:3.2vmin;color:#ffffff;position:relative;margin-left:1.06667vmin}.goods-item .main-card .left .is-over{border-radius:1.42267vmin 1.42267vmin 0 0;position:absolute;top:0;left:0;width:29.86667vmin;height:100%;background:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;color:#ffffff;font-size:3.2vmin}.goods-item .main-card .right{flex:1;display:flex;flex-direction:column;margin-left:2.13333vmin;height:29.86667vmin;width:calc(100% - vmin(256));position:relative}.goods-item .main-card .right .line-one{display:flex;align-items:center;height:4.8vmin;width:59.46667vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.53333vmin 1.06667vmin;font-size:2.66667vmin;height:4.26667vmin;width:max-content;line-height:4.8vmin;flex-shrink:0;margin-right:1.06667vmin;border-radius:.53333vmin;display:flex;font-weight:500;align-items:center}.goods-item .main-card .right .line-one .super-activity-type .super-activity-txt{background:linear-gradient(to right, #FFE4AD, #FFC266);-webkit-background-clip:text;color:transparent}.goods-item .main-card .right .line-one .membership-activity-type{background:linear-gradient(90deg, #ffe7c2, #fedaa9);padding:.53333vmin 1.06667vmin;font-size:2.66667vmin;height:4.26667vmin;width:max-content;line-height:4.8vmin;flex-shrink:0;margin-right:1.06667vmin;border-radius:.53333vmin;display:flex;font-weight:500;align-items:center;box-sizing:border-box}.goods-item .main-card .right .line-one .membership-activity-type .membership-activity-txt{-webkit-background-clip:text;color:#7a4b2c}.goods-item .main-card .right .line-one .goods-title{font-size:3.73333vmin;color:#333333;word-break:break-all;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;line-height:5.33333vmin;font-weight:500;width:59.46667vmin}.goods-item .main-card .right .line-one .goods-is-preheat{border-radius:.53333vmin;border:1rpx solid #ff2e57;padding:.53333vmin 1.06667vmin;color:#ff2e57;font-weight:500;font-size:2.66667vmin;margin-right:1.06667vmin;flex-shrink:0}.goods-item .main-card .right .line-one .manage-title{width:49.86667vmin}.goods-item .main-card .right .desc{color:#FF2E57;font-size:3.2vmin;line-height:3.2vmin;margin-top:1.06667vmin}.goods-item .main-card .right .order{margin-top:1.06667vmin;display:flex;align-items:center;justify-content:space-between;font-size:2.66667vmin}.goods-item .main-card .right .order .order-left{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.06667vmin}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.53333vmin;padding:.53333vmin 1.06667vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:3.2vmin;height:3.2vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.53333vmin 1.06667vmin;border-radius:.53333vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center;flex-shrink:0;align-self:flex-start}.goods-item .main-card .right .order .stock-and-order .stock-line{background-color:#E5E5E5;width:1px;height:10px;margin:0 4px}.goods-item .main-card .right .order .stock-and-order .order-stock{color:#999999}.goods-item .main-card .right .progress{width:42.66667vmin;height:4.26667vmin;border-radius:2.13333vmin;background:#ebebeb;position:relative;display:flex;justify-content:space-between;padding:.53333vmin 2.50933vmin .53333vmin 2.13333vmin;box-sizing:border-box;margin-top:1.06667vmin;align-items:center}.goods-item .main-card .right .progress .schedule{height:4.26667vmin;border-radius:2.13333vmin;background:linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);position:absolute;left:0;top:0}.goods-item .main-card .right .progress .residue-num{font-size:2.66667vmin;color:#ffffff;z-index:2}.goods-item .main-card .right .progress .residue-time{color:#999999;font-size:2.66667vmin;z-index:2}.goods-item .main-card .right .sec-kill{color:#333333;height:4.26667vmin;border-radius:2.13333vmin;background:linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);font-size:2.66667vmin;margin-top:1.06667vmin;display:flex;align-items:center;padding:0 2.13333vmin}.goods-item .main-card .right .sec-kill .time{margin:0 1.86667vmin;color:#ff2e57}.goods-item .main-card .right .line-three{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;bottom:0;width:100%}.goods-item .main-card .right .line-three .price{position:relative;min-height:5.33333vmin;font-weight:500;color:#FF2E57}.goods-item .main-card .right .line-three .price .activity-type{font-size:2.66667vmin;height:4.26667vmin;line-height:4.8vmin;flex-shrink:0;margin-right:.53333vmin;border-radius:.53333vmin;font-weight:500}.goods-item .main-card .right .line-three .price .price-flow{font-size:3.2vmin}.goods-item .main-card .right .line-three .price .price-show{font-size:4.26667vmin}.goods-item .main-card .right .line-three .price .pending-price{font-size:2.66667vmin;margin-left:.53333vmin}.goods-item .main-card .right .line-three .price .sale-unit{font-size:3.2vmin;color:#666}.goods-item .main-card .right .line-three .price .price-line{font-size:2.66667vmin;text-decoration:line-through;color:#999999;margin-left:1.06667vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:6.4vmin;font-weight:500;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-teacher{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;line-height:6.4vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-teacher .load{width:3.2vmin;height:3.2vmin;animation:turn 1s linear infinite;margin-right:1.06667vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:6.4vmin;font-weight:500;opacity:40%;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .preheat-btn{opacity:40%}.goods-item .main-card .right .line-three .see-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:6.4vmin;font-weight:500;margin-left:inherit;margin-right:inherit;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential{font-size:3.2vmin;border-radius:1.06667vmin;padding:0 1.33333vmin;min-width:21.33333vmin;height:9.06667vmin;display:flex;justify-content:center;align-items:center;color:white;flex-flow:column;line-height:4.26667vmin;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential .go-buy{font-size:3.2vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow{color:#fff;font-size:2.66667vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:3.73333vmin;color:#fff}.goods-item .main-card .manage-right{width:49.86667vmin}.goods-item .main-card .teacher-switch{height:4.26667vmin;background:#fff;display:flex;margin-top:2.13333vmin}.goods-item .main-card .teacher-switch .switch-txt{opacity:1;color:#333;font-size:3.2vmin;font-weight:400;font-family:"PingFang SC";margin-left:2.13333vmin}.goods-item .hide-tip{width:32vmin;height:6.4vmin;border-radius:3.2vmin;background:#f5f5f5;font-size:2.66667vmin;color:#666666;font-weight:500;display:flex;justify-content:center;align-items:center;margin-top:1.06667vmin}.goods-item .full-hide-tip{width:100%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:2.13333vmin}.goods-item .option-btn-wrap .option-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:7.46667vmin;margin-right:3.2vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.13333vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}.goods-item.lottery-goods-item{padding:2.13333vmin 1.06667vmin;margin:0vmin 1.06667vmin 2.13333vmin}@media screen and (min-width: 768px) and (orientation: portrait){.goods-item{display:flex;min-height:11.71875vmin;background:#ffffff;border-radius:1.04167vmin;flex-direction:column;padding:1.04167vmin;margin:1.04167vmin 1.04167vmin 0vmin 1.04167vmin}.goods-item .main-card{display:flex;flex-direction:row}.goods-item .main-card .left{position:relative;width:14.58333vmin;height:14.58333vmin}.goods-item .main-card .left image{width:14.58333vmin;height:14.58333vmin}.goods-item .main-card .left .index{border-radius:1.04167vmin 0 1.04167vmin 0;position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;min-width:2.34375vmin;height:2.08333vmin;padding:0 .39062vmin;font-size:1.30208vmin;background:rgba(0,0,0,0.6);color:#FFFFFF;z-index:1}.goods-item .main-card .left .lottery-sign{position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;height:2.08333vmin;width:auto;padding:0 1.04167vmin;border-radius:1.04167vmin 0 .65104vmin 0;background:linear-gradient(90deg, #FF833E 0%, #FF2E57 97.5%),linear-gradient(270deg, #FE6500 0%, #FF4102 100%);backdrop-filter:blur(.78125vmin);font-size:1.30208vmin;color:#fff}.goods-item .main-card .left .lottery-sign-index{padding:0 1.04167vmin 0 3.64583vmin}.goods-item .main-card .left .ios-index{background:rgba(0,0,0,0.25);backdrop-filter:blur(1.5625vmin)}.goods-item .main-card .left .goods-type{position:absolute;right:.52083vmin;bottom:.52083vmin;padding:.52083vmin .65104vmin;background:rgba(0,0,0,0.4);border-radius:.52083vmin;color:#fff;font-size:1.30208vmin;width:fit-content;display:flex;justify-content:center;align-items:center;height:1.30208vmin;font-weight:500}.goods-item .main-card .left .goods-explaining{position:absolute;width:15.625vmin;height:2.34375vmin;bottom:0vmin;left:0vmin}.goods-item .main-card .left .ios-goods-type{background:rgba(0,0,0,0.25) !important;backdrop-filter:blur(1.5625vmin)}.goods-item .main-card .left .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:2.60417vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:2.60417vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:1.40625vmin;width:2.34375vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:1.40625vmin;width:.26042vmin;border-radius:.52083vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(1){left:0;animation:0.9s ease-in-out 0.15s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:.65104vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){left:1.30208vmin;animation:0.9s ease-in-out 0.35s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(4){left:1.95312vmin;animation:0.9s ease-in-out 0.45s loading-run infinite}@keyframes loading-run{0%,40%,100%{height:.70312vmin}25%{height:1.40625vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:1.5625vmin;color:#ffffff;position:relative;margin-left:.52083vmin}.goods-item .main-card .left .is-over{border-radius:.69466vmin .69466vmin 0 0;position:absolute;top:0;left:0;width:14.58333vmin;height:100%;background:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;color:#ffffff;font-size:1.5625vmin}.goods-item .main-card .right{flex:1;display:flex;flex-direction:column;margin-left:1.04167vmin;height:14.58333vmin;width:calc(100% - vmin(256));position:relative}.goods-item .main-card .right .line-one{display:flex;align-items:center;height:2.34375vmin;width:29.03646vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.26042vmin .52083vmin;font-size:1.30208vmin;height:2.08333vmin;width:max-content;line-height:2.34375vmin;flex-shrink:0;margin-right:.52083vmin;border-radius:.26042vmin;display:flex;font-weight:500;align-items:center}.goods-item .main-card .right .line-one .super-activity-type .super-activity-txt{background:linear-gradient(to right, #FFE4AD, #FFC266);-webkit-background-clip:text;color:transparent}.goods-item .main-card .right .line-one .membership-activity-type{background:linear-gradient(90deg, #ffe7c2, #fedaa9);padding:.26042vmin .52083vmin;font-size:1.30208vmin;height:2.08333vmin;width:max-content;line-height:2.34375vmin;flex-shrink:0;margin-right:.52083vmin;border-radius:.26042vmin;display:flex;font-weight:500;align-items:center;box-sizing:border-box}.goods-item .main-card .right .line-one .membership-activity-type .membership-activity-txt{-webkit-background-clip:text;color:#7a4b2c}.goods-item .main-card .right .line-one .goods-title{font-size:1.82292vmin;color:#333333;word-break:break-all;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;line-height:2.60417vmin;font-weight:500;width:29.03646vmin}.goods-item .main-card .right .line-one .goods-is-preheat{border-radius:.26042vmin;border:1rpx solid #ff2e57;padding:.26042vmin .52083vmin;color:#ff2e57;font-weight:500;font-size:1.30208vmin;margin-right:.52083vmin;flex-shrink:0}.goods-item .main-card .right .line-one .manage-title{width:24.34896vmin}.goods-item .main-card .right .desc{color:#FF2E57;font-size:1.5625vmin;line-height:1.5625vmin;margin-top:.52083vmin}.goods-item .main-card .right .order{margin-top:.52083vmin;display:flex;align-items:center;justify-content:space-between;font-size:1.30208vmin}.goods-item .main-card .right .order .order-left{display:flex;flex-direction:row;flex-wrap:wrap;gap:.52083vmin}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.26042vmin;padding:.26042vmin .52083vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:1.5625vmin;height:1.5625vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.26042vmin .52083vmin;border-radius:.26042vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center;flex-shrink:0;align-self:flex-start}.goods-item .main-card .right .order .stock-and-order .stock-line{background-color:#E5E5E5;width:1px;height:10px;margin:0 4px}.goods-item .main-card .right .order .stock-and-order .order-stock{color:#999999}.goods-item .main-card .right .progress{width:20.83333vmin;height:2.08333vmin;border-radius:1.04167vmin;background:#ebebeb;position:relative;display:flex;justify-content:space-between;padding:.26042vmin 1.22526vmin .26042vmin 1.04167vmin;box-sizing:border-box;margin-top:.52083vmin;align-items:center}.goods-item .main-card .right .progress .schedule{height:2.08333vmin;border-radius:1.04167vmin;background:linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);position:absolute;left:0;top:0}.goods-item .main-card .right .progress .residue-num{font-size:1.30208vmin;color:#ffffff;z-index:2}.goods-item .main-card .right .progress .residue-time{color:#999999;font-size:1.30208vmin;z-index:2}.goods-item .main-card .right .sec-kill{color:#333333;height:2.08333vmin;border-radius:1.04167vmin;background:linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);font-size:1.30208vmin;margin-top:.52083vmin;display:flex;align-items:center;padding:0 1.04167vmin}.goods-item .main-card .right .sec-kill .time{margin:0 .91146vmin;color:#ff2e57}.goods-item .main-card .right .line-three{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;bottom:0;width:100%}.goods-item .main-card .right .line-three .price{position:relative;min-height:2.60417vmin;font-weight:500;color:#FF2E57}.goods-item .main-card .right .line-three .price .activity-type{font-size:1.30208vmin;height:2.08333vmin;line-height:2.34375vmin;flex-shrink:0;margin-right:.26042vmin;border-radius:.26042vmin;font-weight:500}.goods-item .main-card .right .line-three .price .price-flow{font-size:1.5625vmin}.goods-item .main-card .right .line-three .price .price-show{font-size:2.08333vmin}.goods-item .main-card .right .line-three .price .pending-price{font-size:1.30208vmin;margin-left:.26042vmin}.goods-item .main-card .right .line-three .price .sale-unit{font-size:1.5625vmin;color:#666}.goods-item .main-card .right .line-three .price .price-line{font-size:1.30208vmin;text-decoration:line-through;color:#999999;margin-left:.52083vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.125vmin;font-weight:500;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-teacher{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;line-height:3.125vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-teacher .load{width:1.5625vmin;height:1.5625vmin;animation:turn 1s linear infinite;margin-right:.52083vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.125vmin;font-weight:500;opacity:40%;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .preheat-btn{opacity:40%}.goods-item .main-card .right .line-three .see-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.125vmin;font-weight:500;margin-left:inherit;margin-right:inherit;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential{font-size:1.5625vmin;border-radius:.52083vmin;padding:0 .65104vmin;min-width:10.41667vmin;height:4.42708vmin;display:flex;justify-content:center;align-items:center;color:white;flex-flow:column;line-height:2.08333vmin;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential .go-buy{font-size:1.5625vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow{color:#fff;font-size:1.30208vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:1.82292vmin;color:#fff}.goods-item .main-card .manage-right{width:24.34896vmin}.goods-item .main-card .teacher-switch{height:2.08333vmin;background:#fff;display:flex;margin-top:1.04167vmin}.goods-item .main-card .teacher-switch .switch-txt{opacity:1;color:#333;font-size:1.5625vmin;font-weight:400;font-family:"PingFang SC";margin-left:1.04167vmin}.goods-item .hide-tip{width:15.625vmin;height:3.125vmin;border-radius:1.5625vmin;background:#f5f5f5;font-size:1.30208vmin;color:#666666;font-weight:500;display:flex;justify-content:center;align-items:center;margin-top:.52083vmin}.goods-item .full-hide-tip{width:100%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:1.04167vmin}.goods-item .option-btn-wrap .option-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.64583vmin;margin-right:1.5625vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.0651vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}.goods-item.lottery-goods-item{padding:1.04167vmin .52083vmin;margin:0vmin .52083vmin 1.04167vmin}}@media screen and (min-height: 630px) and (orientation: landscape){.goods-item{display:flex;min-height:14.28571vmin;background:#ffffff;border-radius:1.26984vmin;flex-direction:column;padding:1.26984vmin;margin:1.26984vmin 1.26984vmin 0vmin 1.26984vmin}.goods-item .main-card{display:flex;flex-direction:row}.goods-item .main-card .left{position:relative;width:17.77778vmin;height:17.77778vmin}.goods-item .main-card .left image{width:17.77778vmin;height:17.77778vmin}.goods-item .main-card .left .index{border-radius:1.26984vmin 0 1.26984vmin 0;position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;min-width:2.85714vmin;height:2.53968vmin;padding:0 .47619vmin;font-size:1.5873vmin;background:rgba(0,0,0,0.6);color:#FFFFFF;z-index:1}.goods-item .main-card .left .lottery-sign{position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;height:2.53968vmin;width:auto;padding:0 1.26984vmin;border-radius:1.26984vmin 0 .79365vmin 0;background:linear-gradient(90deg, #FF833E 0%, #FF2E57 97.5%),linear-gradient(270deg, #FE6500 0%, #FF4102 100%);backdrop-filter:blur(.95238vmin);font-size:1.5873vmin;color:#fff}.goods-item .main-card .left .lottery-sign-index{padding:0 1.26984vmin 0 4.44444vmin}.goods-item .main-card .left .ios-index{background:rgba(0,0,0,0.25);backdrop-filter:blur(1.90476vmin)}.goods-item .main-card .left .goods-type{position:absolute;right:.63492vmin;bottom:.63492vmin;padding:.63492vmin .79365vmin;background:rgba(0,0,0,0.4);border-radius:.63492vmin;color:#fff;font-size:1.5873vmin;width:fit-content;display:flex;justify-content:center;align-items:center;height:1.5873vmin;font-weight:500}.goods-item .main-card .left .goods-explaining{position:absolute;width:19.04762vmin;height:2.85714vmin;bottom:0vmin;left:0vmin}.goods-item .main-card .left .ios-goods-type{background:rgba(0,0,0,0.25) !important;backdrop-filter:blur(1.90476vmin)}.goods-item .main-card .left .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:3.1746vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:3.1746vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:1.71429vmin;width:2.85714vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:1.71429vmin;width:.31746vmin;border-radius:.63492vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(1){left:0;animation:0.9s ease-in-out 0.15s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:.79365vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){left:1.5873vmin;animation:0.9s ease-in-out 0.35s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(4){left:2.38095vmin;animation:0.9s ease-in-out 0.45s loading-run infinite}@keyframes loading-run{0%,40%,100%{height:.85714vmin}25%{height:1.71429vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:1.90476vmin;color:#ffffff;position:relative;margin-left:.63492vmin}.goods-item .main-card .left .is-over{border-radius:.84683vmin .84683vmin 0 0;position:absolute;top:0;left:0;width:17.77778vmin;height:100%;background:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;color:#ffffff;font-size:1.90476vmin}.goods-item .main-card .right{flex:1;display:flex;flex-direction:column;margin-left:1.26984vmin;height:17.77778vmin;width:calc(100% - vmin(256));position:relative}.goods-item .main-card .right .line-one{display:flex;align-items:center;height:2.85714vmin;width:35.39683vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.31746vmin .63492vmin;font-size:1.5873vmin;height:2.53968vmin;width:max-content;line-height:2.85714vmin;flex-shrink:0;margin-right:.63492vmin;border-radius:.31746vmin;display:flex;font-weight:500;align-items:center}.goods-item .main-card .right .line-one .super-activity-type .super-activity-txt{background:linear-gradient(to right, #FFE4AD, #FFC266);-webkit-background-clip:text;color:transparent}.goods-item .main-card .right .line-one .membership-activity-type{background:linear-gradient(90deg, #ffe7c2, #fedaa9);padding:.31746vmin .63492vmin;font-size:1.5873vmin;height:2.53968vmin;width:max-content;line-height:2.85714vmin;flex-shrink:0;margin-right:.63492vmin;border-radius:.31746vmin;display:flex;font-weight:500;align-items:center;box-sizing:border-box}.goods-item .main-card .right .line-one .membership-activity-type .membership-activity-txt{-webkit-background-clip:text;color:#7a4b2c}.goods-item .main-card .right .line-one .goods-title{font-size:2.22222vmin;color:#333333;word-break:break-all;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;line-height:3.1746vmin;font-weight:500;width:35.39683vmin}.goods-item .main-card .right .line-one .goods-is-preheat{border-radius:.31746vmin;border:1rpx solid #ff2e57;padding:.31746vmin .63492vmin;color:#ff2e57;font-weight:500;font-size:1.5873vmin;margin-right:.63492vmin;flex-shrink:0}.goods-item .main-card .right .line-one .manage-title{width:29.68254vmin}.goods-item .main-card .right .desc{color:#FF2E57;font-size:1.90476vmin;line-height:1.90476vmin;margin-top:.63492vmin}.goods-item .main-card .right .order{margin-top:.63492vmin;display:flex;align-items:center;justify-content:space-between;font-size:1.5873vmin}.goods-item .main-card .right .order .order-left{display:flex;flex-direction:row;flex-wrap:wrap;gap:.63492vmin}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.31746vmin;padding:.31746vmin .63492vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:1.90476vmin;height:1.90476vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.31746vmin .63492vmin;border-radius:.31746vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center;flex-shrink:0;align-self:flex-start}.goods-item .main-card .right .order .stock-and-order .stock-line{background-color:#E5E5E5;width:1px;height:10px;margin:0 4px}.goods-item .main-card .right .order .stock-and-order .order-stock{color:#999999}.goods-item .main-card .right .progress{width:25.39683vmin;height:2.53968vmin;border-radius:1.26984vmin;background:#ebebeb;position:relative;display:flex;justify-content:space-between;padding:.31746vmin 1.49365vmin .31746vmin 1.26984vmin;box-sizing:border-box;margin-top:.63492vmin;align-items:center}.goods-item .main-card .right .progress .schedule{height:2.53968vmin;border-radius:1.26984vmin;background:linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);position:absolute;left:0;top:0}.goods-item .main-card .right .progress .residue-num{font-size:1.5873vmin;color:#ffffff;z-index:2}.goods-item .main-card .right .progress .residue-time{color:#999999;font-size:1.5873vmin;z-index:2}.goods-item .main-card .right .sec-kill{color:#333333;height:2.53968vmin;border-radius:1.26984vmin;background:linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);font-size:1.5873vmin;margin-top:.63492vmin;display:flex;align-items:center;padding:0 1.26984vmin}.goods-item .main-card .right .sec-kill .time{margin:0 1.11111vmin;color:#ff2e57}.goods-item .main-card .right .line-three{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;bottom:0;width:100%}.goods-item .main-card .right .line-three .price{position:relative;min-height:3.1746vmin;font-weight:500;color:#FF2E57}.goods-item .main-card .right .line-three .price .activity-type{font-size:1.5873vmin;height:2.53968vmin;line-height:2.85714vmin;flex-shrink:0;margin-right:.31746vmin;border-radius:.31746vmin;font-weight:500}.goods-item .main-card .right .line-three .price .price-flow{font-size:1.90476vmin}.goods-item .main-card .right .line-three .price .price-show{font-size:2.53968vmin}.goods-item .main-card .right .line-three .price .pending-price{font-size:1.5873vmin;margin-left:.31746vmin}.goods-item .main-card .right .line-three .price .sale-unit{font-size:1.90476vmin;color:#666}.goods-item .main-card .right .line-three .price .price-line{font-size:1.5873vmin;text-decoration:line-through;color:#999999;margin-left:.63492vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:1.90476vmin;border-radius:.63492vmin;width:10.15873vmin;height:3.80952vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.80952vmin;font-weight:500;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-teacher{font-size:1.90476vmin;border-radius:.63492vmin;width:10.15873vmin;height:3.80952vmin;display:flex;justify-content:center;align-items:center;line-height:3.80952vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-teacher .load{width:1.90476vmin;height:1.90476vmin;animation:turn 1s linear infinite;margin-right:.63492vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:1.90476vmin;border-radius:.63492vmin;width:10.15873vmin;height:3.80952vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.80952vmin;font-weight:500;opacity:40%;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .preheat-btn{opacity:40%}.goods-item .main-card .right .line-three .see-btn{font-size:1.90476vmin;border-radius:.63492vmin;width:10.15873vmin;height:3.80952vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.80952vmin;font-weight:500;margin-left:inherit;margin-right:inherit;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential{font-size:1.90476vmin;border-radius:.63492vmin;padding:0 .79365vmin;min-width:12.69841vmin;height:5.39683vmin;display:flex;justify-content:center;align-items:center;color:white;flex-flow:column;line-height:2.53968vmin;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential .go-buy{font-size:1.90476vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow{color:#fff;font-size:1.5873vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:2.22222vmin;color:#fff}.goods-item .main-card .manage-right{width:29.68254vmin}.goods-item .main-card .teacher-switch{height:2.53968vmin;background:#fff;display:flex;margin-top:1.26984vmin}.goods-item .main-card .teacher-switch .switch-txt{opacity:1;color:#333;font-size:1.90476vmin;font-weight:400;font-family:"PingFang SC";margin-left:1.26984vmin}.goods-item .hide-tip{width:19.04762vmin;height:3.80952vmin;border-radius:1.90476vmin;background:#f5f5f5;font-size:1.5873vmin;color:#666666;font-weight:500;display:flex;justify-content:center;align-items:center;margin-top:.63492vmin}.goods-item .full-hide-tip{width:100%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:1.26984vmin}.goods-item .option-btn-wrap .option-btn{font-size:1.90476vmin;border-radius:.63492vmin;width:10.15873vmin;height:4.44444vmin;margin-right:1.90476vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.07937vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}.goods-item.lottery-goods-item{padding:1.26984vmin .63492vmin;margin:0vmin .63492vmin 1.26984vmin}}@media screen and (min-height: 768px) and (orientation: landscape){.goods-item{display:flex;min-height:11.71875vmin;background:#ffffff;border-radius:1.04167vmin;flex-direction:column;padding:1.04167vmin;margin:1.04167vmin 1.04167vmin 0vmin 1.04167vmin}.goods-item .main-card{display:flex;flex-direction:row}.goods-item .main-card .left{position:relative;width:14.58333vmin;height:14.58333vmin}.goods-item .main-card .left image{width:14.58333vmin;height:14.58333vmin}.goods-item .main-card .left .index{border-radius:1.04167vmin 0 1.04167vmin 0;position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;min-width:2.34375vmin;height:2.08333vmin;padding:0 .39062vmin;font-size:1.30208vmin;background:rgba(0,0,0,0.6);color:#FFFFFF;z-index:1}.goods-item .main-card .left .lottery-sign{position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;height:2.08333vmin;width:auto;padding:0 1.04167vmin;border-radius:1.04167vmin 0 .65104vmin 0;background:linear-gradient(90deg, #FF833E 0%, #FF2E57 97.5%),linear-gradient(270deg, #FE6500 0%, #FF4102 100%);backdrop-filter:blur(.78125vmin);font-size:1.30208vmin;color:#fff}.goods-item .main-card .left .lottery-sign-index{padding:0 1.04167vmin 0 3.64583vmin}.goods-item .main-card .left .ios-index{background:rgba(0,0,0,0.25);backdrop-filter:blur(1.5625vmin)}.goods-item .main-card .left .goods-type{position:absolute;right:.52083vmin;bottom:.52083vmin;padding:.52083vmin .65104vmin;background:rgba(0,0,0,0.4);border-radius:.52083vmin;color:#fff;font-size:1.30208vmin;width:fit-content;display:flex;justify-content:center;align-items:center;height:1.30208vmin;font-weight:500}.goods-item .main-card .left .goods-explaining{position:absolute;width:15.625vmin;height:2.34375vmin;bottom:0vmin;left:0vmin}.goods-item .main-card .left .ios-goods-type{background:rgba(0,0,0,0.25) !important;backdrop-filter:blur(1.5625vmin)}.goods-item .main-card .left .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:2.60417vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:2.60417vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:1.40625vmin;width:2.34375vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:1.40625vmin;width:.26042vmin;border-radius:.52083vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(1){left:0;animation:0.9s ease-in-out 0.15s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:.65104vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){left:1.30208vmin;animation:0.9s ease-in-out 0.35s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(4){left:1.95312vmin;animation:0.9s ease-in-out 0.45s loading-run infinite}@keyframes loading-run{0%,40%,100%{height:.70312vmin}25%{height:1.40625vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:1.5625vmin;color:#ffffff;position:relative;margin-left:.52083vmin}.goods-item .main-card .left .is-over{border-radius:.69466vmin .69466vmin 0 0;position:absolute;top:0;left:0;width:14.58333vmin;height:100%;background:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;color:#ffffff;font-size:1.5625vmin}.goods-item .main-card .right{flex:1;display:flex;flex-direction:column;margin-left:1.04167vmin;height:14.58333vmin;width:calc(100% - vmin(256));position:relative}.goods-item .main-card .right .line-one{display:flex;align-items:center;height:2.34375vmin;width:29.03646vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.26042vmin .52083vmin;font-size:1.30208vmin;height:2.08333vmin;width:max-content;line-height:2.34375vmin;flex-shrink:0;margin-right:.52083vmin;border-radius:.26042vmin;display:flex;font-weight:500;align-items:center}.goods-item .main-card .right .line-one .super-activity-type .super-activity-txt{background:linear-gradient(to right, #FFE4AD, #FFC266);-webkit-background-clip:text;color:transparent}.goods-item .main-card .right .line-one .membership-activity-type{background:linear-gradient(90deg, #ffe7c2, #fedaa9);padding:.26042vmin .52083vmin;font-size:1.30208vmin;height:2.08333vmin;width:max-content;line-height:2.34375vmin;flex-shrink:0;margin-right:.52083vmin;border-radius:.26042vmin;display:flex;font-weight:500;align-items:center;box-sizing:border-box}.goods-item .main-card .right .line-one .membership-activity-type .membership-activity-txt{-webkit-background-clip:text;color:#7a4b2c}.goods-item .main-card .right .line-one .goods-title{font-size:1.82292vmin;color:#333333;word-break:break-all;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;line-height:2.60417vmin;font-weight:500;width:29.03646vmin}.goods-item .main-card .right .line-one .goods-is-preheat{border-radius:.26042vmin;border:1rpx solid #ff2e57;padding:.26042vmin .52083vmin;color:#ff2e57;font-weight:500;font-size:1.30208vmin;margin-right:.52083vmin;flex-shrink:0}.goods-item .main-card .right .line-one .manage-title{width:24.34896vmin}.goods-item .main-card .right .desc{color:#FF2E57;font-size:1.5625vmin;line-height:1.5625vmin;margin-top:.52083vmin}.goods-item .main-card .right .order{margin-top:.52083vmin;display:flex;align-items:center;justify-content:space-between;font-size:1.30208vmin}.goods-item .main-card .right .order .order-left{display:flex;flex-direction:row;flex-wrap:wrap;gap:.52083vmin}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.26042vmin;padding:.26042vmin .52083vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:1.5625vmin;height:1.5625vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.26042vmin .52083vmin;border-radius:.26042vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center;flex-shrink:0;align-self:flex-start}.goods-item .main-card .right .order .stock-and-order .stock-line{background-color:#E5E5E5;width:1px;height:10px;margin:0 4px}.goods-item .main-card .right .order .stock-and-order .order-stock{color:#999999}.goods-item .main-card .right .progress{width:20.83333vmin;height:2.08333vmin;border-radius:1.04167vmin;background:#ebebeb;position:relative;display:flex;justify-content:space-between;padding:.26042vmin 1.22526vmin .26042vmin 1.04167vmin;box-sizing:border-box;margin-top:.52083vmin;align-items:center}.goods-item .main-card .right .progress .schedule{height:2.08333vmin;border-radius:1.04167vmin;background:linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);position:absolute;left:0;top:0}.goods-item .main-card .right .progress .residue-num{font-size:1.30208vmin;color:#ffffff;z-index:2}.goods-item .main-card .right .progress .residue-time{color:#999999;font-size:1.30208vmin;z-index:2}.goods-item .main-card .right .sec-kill{color:#333333;height:2.08333vmin;border-radius:1.04167vmin;background:linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);font-size:1.30208vmin;margin-top:.52083vmin;display:flex;align-items:center;padding:0 1.04167vmin}.goods-item .main-card .right .sec-kill .time{margin:0 .91146vmin;color:#ff2e57}.goods-item .main-card .right .line-three{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;bottom:0;width:100%}.goods-item .main-card .right .line-three .price{position:relative;min-height:2.60417vmin;font-weight:500;color:#FF2E57}.goods-item .main-card .right .line-three .price .activity-type{font-size:1.30208vmin;height:2.08333vmin;line-height:2.34375vmin;flex-shrink:0;margin-right:.26042vmin;border-radius:.26042vmin;font-weight:500}.goods-item .main-card .right .line-three .price .price-flow{font-size:1.5625vmin}.goods-item .main-card .right .line-three .price .price-show{font-size:2.08333vmin}.goods-item .main-card .right .line-three .price .pending-price{font-size:1.30208vmin;margin-left:.26042vmin}.goods-item .main-card .right .line-three .price .sale-unit{font-size:1.5625vmin;color:#666}.goods-item .main-card .right .line-three .price .price-line{font-size:1.30208vmin;text-decoration:line-through;color:#999999;margin-left:.52083vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.125vmin;font-weight:500;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-teacher{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;line-height:3.125vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-teacher .load{width:1.5625vmin;height:1.5625vmin;animation:turn 1s linear infinite;margin-right:.52083vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.125vmin;font-weight:500;opacity:40%;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .preheat-btn{opacity:40%}.goods-item .main-card .right .line-three .see-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:3.125vmin;font-weight:500;margin-left:inherit;margin-right:inherit;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential{font-size:1.5625vmin;border-radius:.52083vmin;padding:0 .65104vmin;min-width:10.41667vmin;height:4.42708vmin;display:flex;justify-content:center;align-items:center;color:white;flex-flow:column;line-height:2.08333vmin;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential .go-buy{font-size:1.5625vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow{color:#fff;font-size:1.30208vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:1.82292vmin;color:#fff}.goods-item .main-card .manage-right{width:24.34896vmin}.goods-item .main-card .teacher-switch{height:2.08333vmin;background:#fff;display:flex;margin-top:1.04167vmin}.goods-item .main-card .teacher-switch .switch-txt{opacity:1;color:#333;font-size:1.5625vmin;font-weight:400;font-family:"PingFang SC";margin-left:1.04167vmin}.goods-item .hide-tip{width:15.625vmin;height:3.125vmin;border-radius:1.5625vmin;background:#f5f5f5;font-size:1.30208vmin;color:#666666;font-weight:500;display:flex;justify-content:center;align-items:center;margin-top:.52083vmin}.goods-item .full-hide-tip{width:100%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:1.04167vmin}.goods-item .option-btn-wrap .option-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.64583vmin;margin-right:1.5625vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.0651vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}.goods-item.lottery-goods-item{padding:1.04167vmin .52083vmin;margin:0vmin .52083vmin 1.04167vmin}}
|
|
@@ -22,6 +22,14 @@ Component({
|
|
|
22
22
|
popupType: {
|
|
23
23
|
type: Number,
|
|
24
24
|
value: 0
|
|
25
|
+
},
|
|
26
|
+
searchStatus: {
|
|
27
|
+
type: Boolean,
|
|
28
|
+
value: false
|
|
29
|
+
},
|
|
30
|
+
isFullScreen: {
|
|
31
|
+
type: Boolean,
|
|
32
|
+
value: false
|
|
25
33
|
}
|
|
26
34
|
},
|
|
27
35
|
|
|
@@ -49,6 +57,9 @@ Component({
|
|
|
49
57
|
},
|
|
50
58
|
goBack() {
|
|
51
59
|
this.triggerEvent('goBack');
|
|
60
|
+
},
|
|
61
|
+
toSearch() {
|
|
62
|
+
this.triggerEvent('toSearch');
|
|
52
63
|
}
|
|
53
64
|
}
|
|
54
65
|
});
|
|
@@ -4,19 +4,31 @@ $deviceWidth: 750;
|
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
@mixin popup-header{
|
|
7
|
-
padding:
|
|
8
|
-
height: vmin(
|
|
7
|
+
padding: 0 vmin(32);
|
|
8
|
+
height: vmin(112);
|
|
9
9
|
top: auto;
|
|
10
10
|
display: flex;
|
|
11
11
|
justify-content: space-between;
|
|
12
12
|
align-items: center;
|
|
13
13
|
position: relative;
|
|
14
|
+
box-sizing: border-box;
|
|
15
|
+
&.popup-header-full{
|
|
16
|
+
padding-right: vmin(230);
|
|
17
|
+
}
|
|
14
18
|
.head-right-txt {
|
|
15
19
|
display: inline-block;
|
|
16
20
|
text-align: right;
|
|
17
|
-
min-width: vmin(104);
|
|
18
21
|
font-size: vmin(40);
|
|
19
22
|
}
|
|
23
|
+
.back-icon-container{
|
|
24
|
+
width: vmin(32);
|
|
25
|
+
}
|
|
26
|
+
.back-icon {
|
|
27
|
+
width: vmin(32);
|
|
28
|
+
height: vmin(32);
|
|
29
|
+
background-size: 100% 100%;
|
|
30
|
+
background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lui0decp0tzb.png");
|
|
31
|
+
}
|
|
20
32
|
.popup-header-title{
|
|
21
33
|
// position: absolute;
|
|
22
34
|
// left: 50%;
|
|
@@ -37,41 +49,61 @@ $deviceWidth: 750;
|
|
|
37
49
|
line-height: inherit;
|
|
38
50
|
display: flex;
|
|
39
51
|
align-items: center;
|
|
40
|
-
|
|
52
|
+
justify-content: space-between;
|
|
53
|
+
width: 100%;
|
|
54
|
+
.search-container {
|
|
55
|
+
flex: 1;
|
|
56
|
+
height: vmin(68);
|
|
57
|
+
background: #f7f8fa;
|
|
58
|
+
position: relative;
|
|
59
|
+
border-radius: vmin(32);
|
|
60
|
+
padding-left: vmin(64);
|
|
61
|
+
line-height: vmin(68);
|
|
62
|
+
color: #b2b2b2;
|
|
63
|
+
font-size: vmin(28);
|
|
64
|
+
.search-icon {
|
|
65
|
+
width: vmin(32);
|
|
66
|
+
height: vmin(32);
|
|
67
|
+
position: absolute;
|
|
68
|
+
top: 50%;
|
|
69
|
+
transform: translateY(-50%);
|
|
70
|
+
left: vmin(24);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
.goods-operate {
|
|
74
|
+
display: flex;
|
|
75
|
+
align-items: center;
|
|
76
|
+
}
|
|
41
77
|
.left-icon {
|
|
42
78
|
display: flex;
|
|
43
79
|
align-items: center;
|
|
80
|
+
flex-direction: column;
|
|
81
|
+
margin-left: vmin(32);
|
|
44
82
|
.order-icon {
|
|
45
83
|
display: inline-block;
|
|
46
|
-
width: vmin(
|
|
47
|
-
height: vmin(
|
|
84
|
+
width: vmin(32);
|
|
85
|
+
height: vmin(32);
|
|
48
86
|
-moz-background-size: 100% 100%;
|
|
49
87
|
background-size: 100% 100%;
|
|
50
88
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANHSURBVHgB7ZzPcdpQEId/yAwXH0IJdBCoINCBXYHlYRAcSQekAnPk34yVCuxUYDowJagEc4ADM0D2xTplkvDEaldE3m+GEYeHkD6e3q7eWwQYhvEfU4ESg8GgcTweh/T2E2RZVyqV8WQySaCAisBer9ekzQudWB06vNGP1ZnP5ysIE0ABEveoKM9RD4LgAQqoCCSaUIZ6YBsKaAksLWePgRQU2vQr38AjKFC7EAVAw0bs0WxNx7eczWbPOIPMAl1AoAN7orcNlIuERN5mDTyZBLpedzgcXpATrodMp9N7MIiiKKbNHXKCgk+HUqCld3vfhi6PI3mPKDl0jk9hGHpnDN4C9/u9S4IbKD/1Wq029G1c9W1Il9sX5IxLNfr9PqtX0z5yPy68Dwkjn4beAiGTyzWKitAnaPg2zCLwj/gEAhrojygASk3+GSTzCECWSDNREUiX6Rv0SaCA1mTCN+jzHQqoCKSxaEwbJzGBPAm9vtJ3jqAAO4j4kp7QCCXDgggTE8jEBDIxgUxMIBMTyMQEMjGBTEwgE/E7kbQq4YHuh9vQZUXrG7fSJR6iPdCto+C9pKMNfZq0vvGaHoMYogLdOopyScfv1NO1HDFEBRYs7xd0GYtWg0kHEfHqqFO4qgMIIipwt9vFKFbiiqbRRCdWRaNwHMduKr9FkTikS0li+fGvUABZXV9fi89Kq0yozufzmDYxSogl0kxMIBMTyMQEMjGBTMSj8HA4rG82mztKY3IpTkrLcVUWzX0QF7jdbl/pls5VYSEnwiiKhpSkd9I8s1BEL2GXQEOmKLNZq9VCXADSkwltCEH7/owLQFSgZFUW3aqtcQGICry6uhpLSHT7dPvGBSAq0E2n04m26HJbIifS6amO1r8xTyEehdMT7aCkWCLNxAQyMYFMTCATE8jEBDIxgUxMIBMTyMQEMjGBTEwgExPIxAQyMYFMTCATE8jEBDIxgUzYayLuuS9RFIX4oGTpgQk+Dt513VkEXkxBjwI/fBt6C9ztduOCnv+iTRIEQezb2Fugq4RyDyhEiXEd5HA43GdZtM8UhReLxZK+pIVyjocJvTruHDN85vxnqHa73ZtqtdqG/IO1pVnv9/vnrOIMwygFPwHK0g4OEWNPBgAAAABJRU5ErkJggg==");
|
|
89
|
+
margin-bottom: vmin(8);
|
|
51
90
|
}
|
|
52
91
|
.coupon-icon {
|
|
53
92
|
display: inline-block;
|
|
54
|
-
width: vmin(
|
|
55
|
-
height: vmin(
|
|
93
|
+
width: vmin(32);
|
|
94
|
+
height: vmin(32);
|
|
56
95
|
-moz-background-size: 100% 100%;
|
|
57
96
|
background-size: 100% 100%;
|
|
58
97
|
background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/luhrfo8g0xa8.png");
|
|
59
|
-
margin-
|
|
98
|
+
margin-bottom: vmin(8);
|
|
60
99
|
}
|
|
61
100
|
}
|
|
62
|
-
.back-icon {
|
|
63
|
-
width: vmin(32);
|
|
64
|
-
height: vmin(32);
|
|
65
|
-
background-size: 100% 100%;
|
|
66
|
-
background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lui0decp0tzb.png");
|
|
67
|
-
}
|
|
68
101
|
.head-left-txt {
|
|
69
102
|
opacity: 1;
|
|
70
103
|
color: #666666;
|
|
71
|
-
font-size: vmin(
|
|
104
|
+
font-size: vmin(24);
|
|
72
105
|
font-weight: 500;
|
|
73
106
|
font-family: "PingFang SC";
|
|
74
|
-
margin-left: vmin(8);
|
|
75
107
|
}
|
|
76
108
|
}
|
|
77
109
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
1
|
<!--
|
|
3
2
|
/*
|
|
4
3
|
* @Descripttion:
|
|
@@ -9,24 +8,29 @@
|
|
|
9
8
|
* @LastEditTime: 2021-11-18 18:10:59
|
|
10
9
|
*/
|
|
11
10
|
-->
|
|
12
|
-
<view class="popup-header">
|
|
13
|
-
<view class="van-action-sheet__left">
|
|
14
|
-
|
|
11
|
+
<view class="popup-header {{isFullScreen?'popup-header-full':''}}">
|
|
12
|
+
<view wx:if="{{popupType === 0}}" class="van-action-sheet__left">
|
|
13
|
+
<!-- 搜索商品输入框 -->
|
|
14
|
+
<view wx:if="{{!searchStatus}}" class="search-container" bindtap="toSearch">
|
|
15
|
+
<view class="search-input">搜商品/序号</view>
|
|
16
|
+
<image class="search-icon" src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/mfevtih007oj.svg" />
|
|
17
|
+
</view>
|
|
18
|
+
<view class="goods-operate">
|
|
15
19
|
<view class="left-icon" catchtap="gotoPayRecords">
|
|
16
20
|
<view class="order-icon"></view>
|
|
17
|
-
<text class="head-left-txt"
|
|
21
|
+
<text class="head-left-txt">订单/售后</text>
|
|
18
22
|
</view>
|
|
19
23
|
<view class="left-icon" catchtap="gotoCouponList">
|
|
20
24
|
<view class="coupon-icon"></view>
|
|
21
25
|
<text class="head-left-txt">领券</text>
|
|
22
26
|
</view>
|
|
23
|
-
</
|
|
24
|
-
<block wx:elif="{{popupType === 1}}">
|
|
25
|
-
<view class="back-icon" catchtap="goBack"></view>
|
|
26
|
-
</block>
|
|
27
|
+
</view>
|
|
27
28
|
</view>
|
|
28
|
-
<view
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
<view wx:if="{{popupType !== 0}}" class="back-icon-container">
|
|
30
|
+
<view wx:if="{{popupType === 1}}" class="back-icon" catchtap="goBack"></view>
|
|
31
|
+
</view>
|
|
32
|
+
<view wx:if="{{popupType !== 0}}" class="popup-header-title">{{ headerTitle }}</view>
|
|
33
|
+
<view wx:if="{{popupType !== 0}}" class="head-right-txt">
|
|
34
|
+
<van-icon name="cross" bindtap="closePop" wx:if="{{showClose}}" />
|
|
31
35
|
</view>
|
|
32
36
|
</view>
|