xiaoe_mp_npm 1.0.38 → 1.0.39-link.2

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.
@@ -427,6 +427,19 @@ Component({
427
427
  }
428
428
  return text
429
429
  },
430
+ // 是否显示等级会员-专属商品标识
431
+ // visibleLevelMemberGoodsDesc(data) {
432
+ // const { ranks } = data.goodsItem
433
+ //
434
+ // return Boolean(Array.isArray(ranks) && ranks.length)
435
+ // },
436
+ // // 等级会员-专属商品时,显示专属会员等级
437
+ // levelMemberGoodsDesc(data) {
438
+ // const memberNameList = (data.goodsItem?.ranks || []).map(({ rank_name }) => rank_name)
439
+ // const memberStr = memberNameList.length > 3 ? `${memberNameList.slice(0, 3).join('/')}等` : memberNameList.join('/')
440
+ //
441
+ // return `仅${memberStr}可购买`
442
+ // },
430
443
  distributionPattern(data) {
431
444
  return [-1,1,2].indexOf(data.goodsItem.distribution_pattern) !== -1
432
445
  }
@@ -460,6 +473,10 @@ Component({
460
473
  })
461
474
  }
462
475
 
476
+ if (!this.checkCanBuyMemberGood()) {
477
+ return
478
+ }
479
+
463
480
  this.toDetails()
464
481
  } else {
465
482
  this.snapUpCheck()
@@ -488,6 +505,10 @@ Component({
488
505
  })
489
506
  }
490
507
 
508
+ if (!this.checkCanBuyMemberGood()) {
509
+ return
510
+ }
511
+
491
512
  this.triggerEvent('sendNewMsg')
492
513
  let { aliveInfo, sensorReportParams, goodsInfo, isFullScreen, aliveSubId } = this.properties
493
514
  sensorLog.sensors.track('click_butt', {
@@ -612,6 +633,20 @@ Component({
612
633
  })
613
634
  this.judgePermission()
614
635
  },
636
+ /**
637
+ * @description 检查是否有购买该【等级会员专属商品】的权益
638
+ *
639
+ * @return {Boolean} 检查结果,true 有,false 没有
640
+ */
641
+ checkCanBuyMemberGood() {
642
+ const { have_constrain } = this.data.goodsItem
643
+
644
+ if (!have_constrain) {
645
+ this.showMemberGoodsDescModal()
646
+ }
647
+
648
+ return Boolean(have_constrain)
649
+ },
615
650
  // 点击空白热区进来判断权益,或者接口返回有权益的时候进来判断跳转路径
616
651
  judgePermission: debounce(async function (permission) {
617
652
  const goodsStatusRes = await this.getGoodsStatus()
@@ -634,6 +669,10 @@ Component({
634
669
  })
635
670
  }
636
671
 
672
+ if (!this.checkCanBuyMemberGood()) {
673
+ return
674
+ }
675
+
637
676
  // 实物21 有价优惠券41 超级会员23 可多次购买,没有权益说法,直接拉起客服;直播商品有没有权益都是去详情页。
638
677
  if ([41, 21, 23, 4].indexOf(Number(this.data.goodsItem.resource_type)) > -1) {
639
678
  this.toDetails()
@@ -751,6 +790,23 @@ Component({
751
790
  this.setData({ skillNowTime: 0 })
752
791
  }
753
792
  },
793
+ /**
794
+ * @description 点击等级会员-专属商品标识文本,展示具体内容
795
+ */
796
+ // showMemberGoodsDescModal() {
797
+ // const memberStr = (this.data.goodsItem?.ranks || []).map(({ rank_name }) => rank_name).join('、')
798
+ //
799
+ // wx.showModal({
800
+ // content: `该商品仅支持【${memberStr}】购买`,
801
+ // confirmText: '查看权益',
802
+ // cancelText: '取消',
803
+ // confirmColor: '#1472FF',
804
+ // success: (res) => {
805
+ // console.log('ssg res: ', res)
806
+ // if (!res.confirm) return
807
+ // }
808
+ // })
809
+ // },
754
810
  handleContact(e) {
755
811
  let { aliveInfo, sensorReportParams, goodsInfo, isFullScreen, aliveSubId } = this.properties
756
812
  sensorLog.sensors.track('click_butt', {
@@ -1,6 +1,10 @@
1
1
  {
2
2
  "component": true,
3
3
  "usingComponents": {
4
- "van-switch": "@vant/weapp/switch/index"
4
+ "van-switch": "@vant/weapp/switch/index",
5
+ "level-member-bar": "../LevelMemberBar/index"
6
+ },
7
+ "componentPlaceholder": {
8
+ "level-member-bar": "view"
5
9
  }
6
10
  }
@@ -265,6 +265,21 @@ $deviceWidth: 750;
265
265
  }
266
266
  }
267
267
 
268
+ .level-member-goods {
269
+ display: inline-block;
270
+ max-width: vmin(246);
271
+ height: vmin(32);
272
+ padding: 0 vmin(8);
273
+ line-height: vmin(32);
274
+ font-size: vmin(20);
275
+ font-weight: 500;
276
+ background-color: #FFF3EB;
277
+ color: #FF781F;
278
+ white-space: nowrap;
279
+ overflow: hidden;
280
+ text-overflow: ellipsis;
281
+ }
282
+
268
283
  .progress {
269
284
  width: vmin(320);
270
285
  height: vmin(32);
@@ -73,6 +73,13 @@
73
73
  </view>
74
74
  </view>
75
75
 
76
+ <!-- 等级会员-专属商品标识 -->
77
+ <level-member-bar good-data="{{ goodsItem }}" />
78
+ <view wx:if="{{ visibleLevelMemberGoodsDesc }}" catchtap="showMemberGoodsDescModal"
79
+ >
80
+ <text class="level-member-goods">{{ levelMemberGoodsDesc }}</text>
81
+ </view>
82
+
76
83
  <!-- 活动进度条 -->
77
84
  <view
78
85
  class="progress"
@@ -276,6 +276,20 @@
276
276
  .goods-item .main-card .right .order .stock-and-order .order-stock {
277
277
  color: #999999;
278
278
  }
279
+ .goods-item .main-card .right .level-member-goods {
280
+ display: inline-block;
281
+ max-width: 32.8vmin;
282
+ height: 4.26667vmin;
283
+ padding: 0 1.06667vmin;
284
+ line-height: 4.26667vmin;
285
+ font-size: 2.66667vmin;
286
+ font-weight: 500;
287
+ background-color: #FFF3EB;
288
+ color: #FF781F;
289
+ white-space: nowrap;
290
+ overflow: hidden;
291
+ text-overflow: ellipsis;
292
+ }
279
293
  .goods-item .main-card .right .progress {
280
294
  width: 42.66667vmin;
281
295
  height: 4.26667vmin;
@@ -764,6 +778,20 @@
764
778
  .goods-item .main-card .right .order .stock-and-order .order-stock {
765
779
  color: #999999;
766
780
  }
781
+ .goods-item .main-card .right .level-member-goods {
782
+ display: inline-block;
783
+ max-width: 16.01562vmin;
784
+ height: 2.08333vmin;
785
+ padding: 0 0.52083vmin;
786
+ line-height: 2.08333vmin;
787
+ font-size: 1.30208vmin;
788
+ font-weight: 500;
789
+ background-color: #FFF3EB;
790
+ color: #FF781F;
791
+ white-space: nowrap;
792
+ overflow: hidden;
793
+ text-overflow: ellipsis;
794
+ }
767
795
  .goods-item .main-card .right .progress {
768
796
  width: 20.83333vmin;
769
797
  height: 2.08333vmin;
@@ -1253,6 +1281,20 @@
1253
1281
  .goods-item .main-card .right .order .stock-and-order .order-stock {
1254
1282
  color: #999999;
1255
1283
  }
1284
+ .goods-item .main-card .right .level-member-goods {
1285
+ display: inline-block;
1286
+ max-width: 19.52381vmin;
1287
+ height: 2.53968vmin;
1288
+ padding: 0 0.63492vmin;
1289
+ line-height: 2.53968vmin;
1290
+ font-size: 1.5873vmin;
1291
+ font-weight: 500;
1292
+ background-color: #FFF3EB;
1293
+ color: #FF781F;
1294
+ white-space: nowrap;
1295
+ overflow: hidden;
1296
+ text-overflow: ellipsis;
1297
+ }
1256
1298
  .goods-item .main-card .right .progress {
1257
1299
  width: 25.39683vmin;
1258
1300
  height: 2.53968vmin;
@@ -1742,6 +1784,20 @@
1742
1784
  .goods-item .main-card .right .order .stock-and-order .order-stock {
1743
1785
  color: #999999;
1744
1786
  }
1787
+ .goods-item .main-card .right .level-member-goods {
1788
+ display: inline-block;
1789
+ max-width: 16.01562vmin;
1790
+ height: 2.08333vmin;
1791
+ padding: 0 0.52083vmin;
1792
+ line-height: 2.08333vmin;
1793
+ font-size: 1.30208vmin;
1794
+ font-weight: 500;
1795
+ background-color: #FFF3EB;
1796
+ color: #FF781F;
1797
+ white-space: nowrap;
1798
+ overflow: hidden;
1799
+ text-overflow: ellipsis;
1800
+ }
1745
1801
  .goods-item .main-card .right .progress {
1746
1802
  width: 20.83333vmin;
1747
1803
  height: 2.08333vmin;
@@ -0,0 +1,65 @@
1
+ import membershipStore from '../../../store/page/common/membership-store.js'
2
+
3
+ Component({
4
+ behaviors: [require('miniprogram-computed').behavior],
5
+ properties: {
6
+ goodData: {
7
+ type: Object,
8
+ value: {},
9
+ },
10
+ },
11
+ computed: {
12
+ membershipMap() {
13
+ return membershipStore?.data.reduce((acc, membership) => {
14
+ acc[membership.rank_id] = membership
15
+ return acc
16
+ })
17
+ },
18
+ // 是否显示等级会员-专属商品标识
19
+ visibleLevelMemberGoodsDesc(properties) {
20
+ const { ranks } = properties.goodData || {}
21
+
22
+ return Boolean(Array.isArray(ranks) && ranks.length)
23
+ },
24
+ // 等级会员-专属商品时,显示专属会员等级
25
+ levelMemberGoodsDesc(properties) {
26
+ const memberNameList = (properties.goodData?.ranks || []).map(rank_id => this.membershipMap[rank_id]?.rank_name)
27
+ const memberStr = memberNameList.length > 3 ? `${memberNameList.slice(0, 3).join('/')}等` : memberNameList.join('/')
28
+
29
+ return `仅${memberStr}可购买`
30
+ },
31
+ },
32
+ methods: {
33
+ /**
34
+ * @description 检查是否有购买该【等级会员专属商品】的权益
35
+ *
36
+ * @return {Boolean} 检查结果,true 有,false 没有
37
+ */
38
+ checkCanBuyMemberGood() {
39
+ const { have_constrain } = this.properties.goodData || {}
40
+
41
+ if (!have_constrain) {
42
+ this.showMemberGoodsDescModal()
43
+ }
44
+
45
+ return Boolean(have_constrain)
46
+ },
47
+ /**
48
+ * @description 点击等级会员-专属商品标识文本,展示具体内容
49
+ */
50
+ showMemberGoodsDescModal() {
51
+ const memberStr = (this.properties.goodData?.ranks || []).map(rank_id => this.membershipMap[rank_id]?.rank_name).join('、')
52
+
53
+ wx.showModal({
54
+ content: `该商品仅支持【${memberStr}】购买`,
55
+ confirmText: '查看权益',
56
+ cancelText: '取消',
57
+ confirmColor: '#1472FF',
58
+ success: (res) => {
59
+ console.log('ssg res: ', res)
60
+ if (!res.confirm) return
61
+ }
62
+ })
63
+ },
64
+ },
65
+ });
@@ -0,0 +1,4 @@
1
+ {
2
+ "component": true,
3
+ "usingComponents": {}
4
+ }
@@ -0,0 +1,51 @@
1
+ @import "../common/css/index.wxss";
2
+
3
+ $deviceWidth: 750;
4
+ @function vmin($rpx) {
5
+ @return #{$rpx * 100 / $deviceWidth}vmin;
6
+ }
7
+
8
+ @mixin level-member-goods {
9
+ display: inline-block;
10
+ max-width: vmin(246);
11
+ height: vmin(32);
12
+ padding: 0 vmin(8);
13
+ margin: vmin(8) 0;
14
+ line-height: vmin(32);
15
+ font-size: vmin(20);
16
+ font-weight: 500;
17
+ background-color: #FFF3EB;
18
+ color: #FF781F;
19
+ white-space: nowrap;
20
+ overflow: hidden;
21
+ text-overflow: ellipsis;
22
+ }
23
+
24
+ .level-member-goods {
25
+ @include level-member-goods;
26
+ }
27
+
28
+ // 竖屏pad
29
+ @media screen and (min-width: 768px) and (orientation: portrait) {
30
+ $deviceWidth: 1536 !global;
31
+ .level-member-goods {
32
+ @include level-member-goods;
33
+ }
34
+ }
35
+
36
+ // PC 放大适配
37
+ @media screen and (min-height: 630px) and (orientation: landscape) {
38
+ $deviceWidth: 1260 !global;
39
+
40
+ .level-member-goods {
41
+ @include level-member-goods;
42
+ }
43
+ }
44
+
45
+ // 横屏pad
46
+ @media screen and (min-height: 768px) and (orientation: landscape) {
47
+ $deviceWidth: 1536 !global;
48
+ .level-member-goods {
49
+ @include level-member-goods;
50
+ }
51
+ }
@@ -0,0 +1,3 @@
1
+ <view wx:if="{{ visibleLevelMemberGoodsDesc }}" catchtap="showMemberGoodsDescModal">
2
+ <text class="level-member-goods">{{ levelMemberGoodsDesc }}</text>
3
+ </view>
@@ -0,0 +1,66 @@
1
+ .level-member-goods {
2
+ display: inline-block;
3
+ max-width: 32.8vmin;
4
+ height: 4.26667vmin;
5
+ padding: 0 1.06667vmin;
6
+ margin: 1.06667vmin 0;
7
+ line-height: 4.26667vmin;
8
+ font-size: 2.66667vmin;
9
+ font-weight: 500;
10
+ background-color: #FFF3EB;
11
+ color: #FF781F;
12
+ white-space: nowrap;
13
+ overflow: hidden;
14
+ text-overflow: ellipsis;
15
+ }
16
+ @media screen and (min-width: 768px) and (orientation: portrait) {
17
+ .level-member-goods {
18
+ display: inline-block;
19
+ max-width: 16.01562vmin;
20
+ height: 2.08333vmin;
21
+ padding: 0 0.52083vmin;
22
+ margin: 0.52083vmin 0;
23
+ line-height: 2.08333vmin;
24
+ font-size: 1.30208vmin;
25
+ font-weight: 500;
26
+ background-color: #FFF3EB;
27
+ color: #FF781F;
28
+ white-space: nowrap;
29
+ overflow: hidden;
30
+ text-overflow: ellipsis;
31
+ }
32
+ }
33
+ @media screen and (min-height: 630px) and (orientation: landscape) {
34
+ .level-member-goods {
35
+ display: inline-block;
36
+ max-width: 19.52381vmin;
37
+ height: 2.53968vmin;
38
+ padding: 0 0.63492vmin;
39
+ margin: 0.63492vmin 0;
40
+ line-height: 2.53968vmin;
41
+ font-size: 1.5873vmin;
42
+ font-weight: 500;
43
+ background-color: #FFF3EB;
44
+ color: #FF781F;
45
+ white-space: nowrap;
46
+ overflow: hidden;
47
+ text-overflow: ellipsis;
48
+ }
49
+ }
50
+ @media screen and (min-height: 768px) and (orientation: landscape) {
51
+ .level-member-goods {
52
+ display: inline-block;
53
+ max-width: 16.01562vmin;
54
+ height: 2.08333vmin;
55
+ padding: 0 0.52083vmin;
56
+ margin: 0.52083vmin 0;
57
+ line-height: 2.08333vmin;
58
+ font-size: 1.30208vmin;
59
+ font-weight: 500;
60
+ background-color: #FFF3EB;
61
+ color: #FF781F;
62
+ white-space: nowrap;
63
+ overflow: hidden;
64
+ text-overflow: ellipsis;
65
+ }
66
+ }
@@ -299,7 +299,7 @@ Component({
299
299
  // 组合顺序任务 展示文案 ‘需要完成上一个’
300
300
  isShowCompletePrevious(data) {
301
301
  const { isInOrder, taskItem } = data
302
- if (!isInOrder) return
302
+ if (!isInOrder || data.taskBelongType === 1) return
303
303
  const { progress, state } = taskItem
304
304
  // 如果上一个任务已经结束就无需展示
305
305
  if (state === 2) return
@@ -324,30 +324,7 @@ Component({
324
324
  }
325
325
  return false
326
326
  },
327
- // 任务奖励异常文案
328
- rewardErrorDesc(data) {
329
- const REWARD_SEND_FAIL_MAP ={
330
- GoodsSendErr_1: "商品已下架,无法获取奖励",
331
- GoodsSendErr_2: "商品已被删除,无法获取奖励",
332
- // GoodsSendErr_3: "用户在黑名单,无法获取奖励",
333
- GoodsSendErr_4: "已拥有该课程权益,无需重复发放奖励",
334
- // GoodsSendErr_5: "用户在圈子黑名单,无法获取奖",
335
- CouponSendErr_6: "由于优惠券被删除,无法获取奖励。请联系商家处理",
336
- CouponSendErr_7: "领取优惠券操作频繁,无法获取奖励",
337
- CouponSendErr_101: "用户完成任务时,由于优惠券库存为0,无法获取奖励。请联系商家处理",
338
- CouponSendErr_102: "该优惠券领取已达上限,具体详情请咨询商家",
339
- CouponSendErr_103: "优惠券被操作作废或停止,无法获取奖励。请联系商家处理",
340
- CouponSendErr_104: "优惠券已过期,无法获取奖励。请联系用户处理",
341
- RedPacketErr_10230008: "红包已抢完",
342
- RedPacketErr_10230011: "红包领取失败,该环境无法领取微信红包",
343
- RedPacketErr_10230035: "红包过期",
344
- RedPacketErr_10230040: "领取红包入账异常",
345
- UnknownSendErr: "奖励发放失败",
346
- }
347
327
 
348
- const { reward_send_fail_reason } = data.taskItem
349
- return REWARD_SEND_FAIL_MAP[reward_send_fail_reason] || reward_send_fail_reason || '奖品异常,无法领取,请联系商家处理'
350
- },
351
328
  // 组合子任务 需多少次才完成
352
329
  childTaskContent(data) {
353
330
  let time = data.taskItem.reward_frequency
@@ -9,8 +9,8 @@
9
9
  <image wx:elif="{{ taskItem.progress === 1}}" src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/m0yxkrrp0gf9.png" />
10
10
  <image wx:else src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/m0yxkrrx0amt.png" />
11
11
  </view>
12
- <view
13
- wx:if="{{ taskIdx !== taskLength - 1 }}"
12
+ <view
13
+ wx:if="{{ taskIdx !== taskLength - 1 }}"
14
14
  class="line-wrap {{ taskIdx === 0 ? 'line-h' : '' }} {{ taskItem.progress === 2 ? 'line-bg': '' }}"
15
15
  ></view>
16
16
  </view>
@@ -45,7 +45,7 @@
45
45
  </view>
46
46
 
47
47
  <!-- 组合任务 子任务需要多次才完成 -->
48
- <view class="task-tip"
48
+ <view class="task-tip"
49
49
  wx:elif="{{ isShowMultipleTask }}">
50
50
  {{ childTaskContent }}
51
51
  </view>
@@ -58,8 +58,8 @@
58
58
 
59
59
  <!-- 奖励发放异常提示 -->
60
60
  <view class="task-tip" wx:if="{{taskItem.is_show_reward_info}}">奖励发放中,请稍后查看</view>
61
- <view class="task-tip" wx:if="{{(listType === 'task' || listType === 'error') && taskItem.reward_state === 3 && taskItem.task_condition !== '10'}}">
62
- {{ rewardErrorDesc }}
61
+ <view class="task-tip" wx:if="{{listType === 'task' && taskItem.reward_state === 3 && taskItem.task_condition !== '10'}}">
62
+ 奖品异常,无法领取,请联系商家处理
63
63
  </view>
64
64
 
65
65
  <!-- 答题任务没完成的提示情况处理 -->
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "xiaoe_mp_npm",
3
- "version": "1.0.38",
3
+ "version": "1.0.39-link.2",
4
4
  "description": "",
5
5
  "main": "miniprogram_dist/index.js",
6
6
  "scripts": {
@@ -427,6 +427,19 @@ Component({
427
427
  }
428
428
  return text
429
429
  },
430
+ // 是否显示等级会员-专属商品标识
431
+ // visibleLevelMemberGoodsDesc(data) {
432
+ // const { ranks } = data.goodsItem
433
+ //
434
+ // return Boolean(Array.isArray(ranks) && ranks.length)
435
+ // },
436
+ // // 等级会员-专属商品时,显示专属会员等级
437
+ // levelMemberGoodsDesc(data) {
438
+ // const memberNameList = (data.goodsItem?.ranks || []).map(({ rank_name }) => rank_name)
439
+ // const memberStr = memberNameList.length > 3 ? `${memberNameList.slice(0, 3).join('/')}等` : memberNameList.join('/')
440
+ //
441
+ // return `仅${memberStr}可购买`
442
+ // },
430
443
  distributionPattern(data) {
431
444
  return [-1,1,2].indexOf(data.goodsItem.distribution_pattern) !== -1
432
445
  }
@@ -460,6 +473,10 @@ Component({
460
473
  })
461
474
  }
462
475
 
476
+ if (!this.checkCanBuyMemberGood()) {
477
+ return
478
+ }
479
+
463
480
  this.toDetails()
464
481
  } else {
465
482
  this.snapUpCheck()
@@ -488,6 +505,10 @@ Component({
488
505
  })
489
506
  }
490
507
 
508
+ if (!this.checkCanBuyMemberGood()) {
509
+ return
510
+ }
511
+
491
512
  this.triggerEvent('sendNewMsg')
492
513
  let { aliveInfo, sensorReportParams, goodsInfo, isFullScreen, aliveSubId } = this.properties
493
514
  sensorLog.sensors.track('click_butt', {
@@ -612,6 +633,20 @@ Component({
612
633
  })
613
634
  this.judgePermission()
614
635
  },
636
+ /**
637
+ * @description 检查是否有购买该【等级会员专属商品】的权益
638
+ *
639
+ * @return {Boolean} 检查结果,true 有,false 没有
640
+ */
641
+ checkCanBuyMemberGood() {
642
+ const { have_constrain } = this.data.goodsItem
643
+
644
+ if (!have_constrain) {
645
+ this.showMemberGoodsDescModal()
646
+ }
647
+
648
+ return Boolean(have_constrain)
649
+ },
615
650
  // 点击空白热区进来判断权益,或者接口返回有权益的时候进来判断跳转路径
616
651
  judgePermission: debounce(async function (permission) {
617
652
  const goodsStatusRes = await this.getGoodsStatus()
@@ -634,6 +669,10 @@ Component({
634
669
  })
635
670
  }
636
671
 
672
+ if (!this.checkCanBuyMemberGood()) {
673
+ return
674
+ }
675
+
637
676
  // 实物21 有价优惠券41 超级会员23 可多次购买,没有权益说法,直接拉起客服;直播商品有没有权益都是去详情页。
638
677
  if ([41, 21, 23, 4].indexOf(Number(this.data.goodsItem.resource_type)) > -1) {
639
678
  this.toDetails()
@@ -751,6 +790,23 @@ Component({
751
790
  this.setData({ skillNowTime: 0 })
752
791
  }
753
792
  },
793
+ /**
794
+ * @description 点击等级会员-专属商品标识文本,展示具体内容
795
+ */
796
+ // showMemberGoodsDescModal() {
797
+ // const memberStr = (this.data.goodsItem?.ranks || []).map(({ rank_name }) => rank_name).join('、')
798
+ //
799
+ // wx.showModal({
800
+ // content: `该商品仅支持【${memberStr}】购买`,
801
+ // confirmText: '查看权益',
802
+ // cancelText: '取消',
803
+ // confirmColor: '#1472FF',
804
+ // success: (res) => {
805
+ // console.log('ssg res: ', res)
806
+ // if (!res.confirm) return
807
+ // }
808
+ // })
809
+ // },
754
810
  handleContact(e) {
755
811
  let { aliveInfo, sensorReportParams, goodsInfo, isFullScreen, aliveSubId } = this.properties
756
812
  sensorLog.sensors.track('click_butt', {
@@ -1,6 +1,10 @@
1
1
  {
2
2
  "component": true,
3
3
  "usingComponents": {
4
- "van-switch": "@vant/weapp/switch/index"
4
+ "van-switch": "@vant/weapp/switch/index",
5
+ "level-member-bar": "../LevelMemberBar/index"
6
+ },
7
+ "componentPlaceholder": {
8
+ "level-member-bar": "view"
5
9
  }
6
10
  }
@@ -265,6 +265,21 @@ $deviceWidth: 750;
265
265
  }
266
266
  }
267
267
 
268
+ .level-member-goods {
269
+ display: inline-block;
270
+ max-width: vmin(246);
271
+ height: vmin(32);
272
+ padding: 0 vmin(8);
273
+ line-height: vmin(32);
274
+ font-size: vmin(20);
275
+ font-weight: 500;
276
+ background-color: #FFF3EB;
277
+ color: #FF781F;
278
+ white-space: nowrap;
279
+ overflow: hidden;
280
+ text-overflow: ellipsis;
281
+ }
282
+
268
283
  .progress {
269
284
  width: vmin(320);
270
285
  height: vmin(32);
@@ -73,6 +73,13 @@
73
73
  </view>
74
74
  </view>
75
75
 
76
+ <!-- 等级会员-专属商品标识 -->
77
+ <level-member-bar good-data="{{ goodsItem }}" />
78
+ <view wx:if="{{ visibleLevelMemberGoodsDesc }}" catchtap="showMemberGoodsDescModal"
79
+ >
80
+ <text class="level-member-goods">{{ levelMemberGoodsDesc }}</text>
81
+ </view>
82
+
76
83
  <!-- 活动进度条 -->
77
84
  <view
78
85
  class="progress"
@@ -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:3.73333vmin;padding:.13333vmin .8vmin;font-size:2.66667vmin;background:rgba(0,0,0,0.6);color:#FFFFFF}.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 .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}.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}.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 .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 .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}@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:1.82292vmin;padding:.0651vmin .39062vmin;font-size:1.30208vmin;background:rgba(0,0,0,0.6);color:#FFFFFF}.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 .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}.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}.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 .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 .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}}@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.22222vmin;padding:.07937vmin .47619vmin;font-size:1.5873vmin;background:rgba(0,0,0,0.6);color:#FFFFFF}.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 .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}.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}.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 .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 .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}}@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:1.82292vmin;padding:.0651vmin .39062vmin;font-size:1.30208vmin;background:rgba(0,0,0,0.6);color:#FFFFFF}.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 .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}.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}.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 .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 .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}}
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:3.73333vmin;padding:.13333vmin .8vmin;font-size:2.66667vmin;background:rgba(0,0,0,0.6);color:#FFFFFF}.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 .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}.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}.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 .level-member-goods{display:inline-block;max-width:32.8vmin;height:4.26667vmin;padding:0 1.06667vmin;line-height:4.26667vmin;font-size:2.66667vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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 .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 .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}@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:1.82292vmin;padding:.0651vmin .39062vmin;font-size:1.30208vmin;background:rgba(0,0,0,0.6);color:#FFFFFF}.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 .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}.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}.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 .level-member-goods{display:inline-block;max-width:16.01562vmin;height:2.08333vmin;padding:0 .52083vmin;line-height:2.08333vmin;font-size:1.30208vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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 .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 .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}}@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.22222vmin;padding:.07937vmin .47619vmin;font-size:1.5873vmin;background:rgba(0,0,0,0.6);color:#FFFFFF}.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 .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}.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}.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 .level-member-goods{display:inline-block;max-width:19.52381vmin;height:2.53968vmin;padding:0 .63492vmin;line-height:2.53968vmin;font-size:1.5873vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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 .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 .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}}@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:1.82292vmin;padding:.0651vmin .39062vmin;font-size:1.30208vmin;background:rgba(0,0,0,0.6);color:#FFFFFF}.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 .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}.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}.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 .level-member-goods{display:inline-block;max-width:16.01562vmin;height:2.08333vmin;padding:0 .52083vmin;line-height:2.08333vmin;font-size:1.30208vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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 .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 .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}}
@@ -0,0 +1,65 @@
1
+ import membershipStore from '../../../store/page/common/membership-store.js'
2
+
3
+ Component({
4
+ behaviors: [require('miniprogram-computed').behavior],
5
+ properties: {
6
+ goodData: {
7
+ type: Object,
8
+ value: {},
9
+ },
10
+ },
11
+ computed: {
12
+ membershipMap() {
13
+ return membershipStore?.data.reduce((acc, membership) => {
14
+ acc[membership.rank_id] = membership
15
+ return acc
16
+ })
17
+ },
18
+ // 是否显示等级会员-专属商品标识
19
+ visibleLevelMemberGoodsDesc(properties) {
20
+ const { ranks } = properties.goodData || {}
21
+
22
+ return Boolean(Array.isArray(ranks) && ranks.length)
23
+ },
24
+ // 等级会员-专属商品时,显示专属会员等级
25
+ levelMemberGoodsDesc(properties) {
26
+ const memberNameList = (properties.goodData?.ranks || []).map(rank_id => this.membershipMap[rank_id]?.rank_name)
27
+ const memberStr = memberNameList.length > 3 ? `${memberNameList.slice(0, 3).join('/')}等` : memberNameList.join('/')
28
+
29
+ return `仅${memberStr}可购买`
30
+ },
31
+ },
32
+ methods: {
33
+ /**
34
+ * @description 检查是否有购买该【等级会员专属商品】的权益
35
+ *
36
+ * @return {Boolean} 检查结果,true 有,false 没有
37
+ */
38
+ checkCanBuyMemberGood() {
39
+ const { have_constrain } = this.properties.goodData || {}
40
+
41
+ if (!have_constrain) {
42
+ this.showMemberGoodsDescModal()
43
+ }
44
+
45
+ return Boolean(have_constrain)
46
+ },
47
+ /**
48
+ * @description 点击等级会员-专属商品标识文本,展示具体内容
49
+ */
50
+ showMemberGoodsDescModal() {
51
+ const memberStr = (this.properties.goodData?.ranks || []).map(rank_id => this.membershipMap[rank_id]?.rank_name).join('、')
52
+
53
+ wx.showModal({
54
+ content: `该商品仅支持【${memberStr}】购买`,
55
+ confirmText: '查看权益',
56
+ cancelText: '取消',
57
+ confirmColor: '#1472FF',
58
+ success: (res) => {
59
+ console.log('ssg res: ', res)
60
+ if (!res.confirm) return
61
+ }
62
+ })
63
+ },
64
+ },
65
+ });
@@ -0,0 +1,4 @@
1
+ {
2
+ "component": true,
3
+ "usingComponents": {}
4
+ }
@@ -0,0 +1,51 @@
1
+ @import "../common/css/index.wxss";
2
+
3
+ $deviceWidth: 750;
4
+ @function vmin($rpx) {
5
+ @return #{$rpx * 100 / $deviceWidth}vmin;
6
+ }
7
+
8
+ @mixin level-member-goods {
9
+ display: inline-block;
10
+ max-width: vmin(246);
11
+ height: vmin(32);
12
+ padding: 0 vmin(8);
13
+ margin: vmin(8) 0;
14
+ line-height: vmin(32);
15
+ font-size: vmin(20);
16
+ font-weight: 500;
17
+ background-color: #FFF3EB;
18
+ color: #FF781F;
19
+ white-space: nowrap;
20
+ overflow: hidden;
21
+ text-overflow: ellipsis;
22
+ }
23
+
24
+ .level-member-goods {
25
+ @include level-member-goods;
26
+ }
27
+
28
+ // 竖屏pad
29
+ @media screen and (min-width: 768px) and (orientation: portrait) {
30
+ $deviceWidth: 1536 !global;
31
+ .level-member-goods {
32
+ @include level-member-goods;
33
+ }
34
+ }
35
+
36
+ // PC 放大适配
37
+ @media screen and (min-height: 630px) and (orientation: landscape) {
38
+ $deviceWidth: 1260 !global;
39
+
40
+ .level-member-goods {
41
+ @include level-member-goods;
42
+ }
43
+ }
44
+
45
+ // 横屏pad
46
+ @media screen and (min-height: 768px) and (orientation: landscape) {
47
+ $deviceWidth: 1536 !global;
48
+ .level-member-goods {
49
+ @include level-member-goods;
50
+ }
51
+ }
@@ -0,0 +1,3 @@
1
+ <view wx:if="{{ visibleLevelMemberGoodsDesc }}" catchtap="showMemberGoodsDescModal">
2
+ <text class="level-member-goods">{{ levelMemberGoodsDesc }}</text>
3
+ </view>
@@ -0,0 +1 @@
1
+ .level-member-goods{display:inline-block;max-width:32.8vmin;height:4.26667vmin;padding:0 1.06667vmin;margin:1.06667vmin 0;line-height:4.26667vmin;font-size:2.66667vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 768px) and (orientation: portrait){.level-member-goods{display:inline-block;max-width:16.01562vmin;height:2.08333vmin;padding:0 .52083vmin;margin:.52083vmin 0;line-height:2.08333vmin;font-size:1.30208vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media screen and (min-height: 630px) and (orientation: landscape){.level-member-goods{display:inline-block;max-width:19.52381vmin;height:2.53968vmin;padding:0 .63492vmin;margin:.63492vmin 0;line-height:2.53968vmin;font-size:1.5873vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media screen and (min-height: 768px) and (orientation: landscape){.level-member-goods{display:inline-block;max-width:16.01562vmin;height:2.08333vmin;padding:0 .52083vmin;margin:.52083vmin 0;line-height:2.08333vmin;font-size:1.30208vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@@ -299,7 +299,7 @@ Component({
299
299
  // 组合顺序任务 展示文案 ‘需要完成上一个’
300
300
  isShowCompletePrevious(data) {
301
301
  const { isInOrder, taskItem } = data
302
- if (!isInOrder) return
302
+ if (!isInOrder || data.taskBelongType === 1) return
303
303
  const { progress, state } = taskItem
304
304
  // 如果上一个任务已经结束就无需展示
305
305
  if (state === 2) return
@@ -324,30 +324,7 @@ Component({
324
324
  }
325
325
  return false
326
326
  },
327
- // 任务奖励异常文案
328
- rewardErrorDesc(data) {
329
- const REWARD_SEND_FAIL_MAP ={
330
- GoodsSendErr_1: "商品已下架,无法获取奖励",
331
- GoodsSendErr_2: "商品已被删除,无法获取奖励",
332
- // GoodsSendErr_3: "用户在黑名单,无法获取奖励",
333
- GoodsSendErr_4: "已拥有该课程权益,无需重复发放奖励",
334
- // GoodsSendErr_5: "用户在圈子黑名单,无法获取奖",
335
- CouponSendErr_6: "由于优惠券被删除,无法获取奖励。请联系商家处理",
336
- CouponSendErr_7: "领取优惠券操作频繁,无法获取奖励",
337
- CouponSendErr_101: "用户完成任务时,由于优惠券库存为0,无法获取奖励。请联系商家处理",
338
- CouponSendErr_102: "该优惠券领取已达上限,具体详情请咨询商家",
339
- CouponSendErr_103: "优惠券被操作作废或停止,无法获取奖励。请联系商家处理",
340
- CouponSendErr_104: "优惠券已过期,无法获取奖励。请联系用户处理",
341
- RedPacketErr_10230008: "红包已抢完",
342
- RedPacketErr_10230011: "红包领取失败,该环境无法领取微信红包",
343
- RedPacketErr_10230035: "红包过期",
344
- RedPacketErr_10230040: "领取红包入账异常",
345
- UnknownSendErr: "奖励发放失败",
346
- }
347
327
 
348
- const { reward_send_fail_reason } = data.taskItem
349
- return REWARD_SEND_FAIL_MAP[reward_send_fail_reason] || reward_send_fail_reason || '奖品异常,无法领取,请联系商家处理'
350
- },
351
328
  // 组合子任务 需多少次才完成
352
329
  childTaskContent(data) {
353
330
  let time = data.taskItem.reward_frequency
@@ -9,8 +9,8 @@
9
9
  <image wx:elif="{{ taskItem.progress === 1}}" src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/m0yxkrrp0gf9.png" />
10
10
  <image wx:else src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/m0yxkrrx0amt.png" />
11
11
  </view>
12
- <view
13
- wx:if="{{ taskIdx !== taskLength - 1 }}"
12
+ <view
13
+ wx:if="{{ taskIdx !== taskLength - 1 }}"
14
14
  class="line-wrap {{ taskIdx === 0 ? 'line-h' : '' }} {{ taskItem.progress === 2 ? 'line-bg': '' }}"
15
15
  ></view>
16
16
  </view>
@@ -45,7 +45,7 @@
45
45
  </view>
46
46
 
47
47
  <!-- 组合任务 子任务需要多次才完成 -->
48
- <view class="task-tip"
48
+ <view class="task-tip"
49
49
  wx:elif="{{ isShowMultipleTask }}">
50
50
  {{ childTaskContent }}
51
51
  </view>
@@ -58,8 +58,8 @@
58
58
 
59
59
  <!-- 奖励发放异常提示 -->
60
60
  <view class="task-tip" wx:if="{{taskItem.is_show_reward_info}}">奖励发放中,请稍后查看</view>
61
- <view class="task-tip" wx:if="{{(listType === 'task' || listType === 'error') && taskItem.reward_state === 3 && taskItem.task_condition !== '10'}}">
62
- {{ rewardErrorDesc }}
61
+ <view class="task-tip" wx:if="{{listType === 'task' && taskItem.reward_state === 3 && taskItem.task_condition !== '10'}}">
62
+ 奖品异常,无法领取,请联系商家处理
63
63
  </view>
64
64
 
65
65
  <!-- 答题任务没完成的提示情况处理 -->