xiaoe_mp_npm 0.5.36-alpha1 → 0.5.37-alpha1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/.gitlab-ci.yml +1 -0
  2. package/miniprogram_dist/GoodsItem/index.js +4 -0
  3. package/miniprogram_dist/GoodsItem/index.less +33 -2
  4. package/miniprogram_dist/GoodsItem/index.wxml +5 -2
  5. package/miniprogram_dist/GoodsItem/index.wxss +34 -7
  6. package/package.json +1 -1
  7. package/src/GoodsItem/index.js +4 -0
  8. package/src/GoodsItem/index.less +33 -2
  9. package/src/GoodsItem/index.wxml +5 -2
  10. package/src/GoodsItem/index.wxss +306 -1
package/.gitlab-ci.yml CHANGED
@@ -7,6 +7,7 @@ build_test:
7
7
  - feature/live_marketing_iteration
8
8
  - feature/remove-error-report
9
9
  - fix/record-lottery
10
+ - feature/new-goods-zzw
10
11
  tags:
11
12
  - fe-group-prod-runner-2
12
13
  script:
package/miniprogram_dist/GoodsItem/index.js CHANGED
@@ -602,6 +602,10 @@ Component({
602
602
  });
603
603
  },
604
604
  changeShowType(){
605
+ if(this.data.goodsItem.teacher_auth != 2){
606
+ this.showToast('暂无权限')
607
+ return
608
+ }
605
609
  this.setData({
606
610
  switchLoading: true
607
611
  })
package/miniprogram_dist/GoodsItem/index.less CHANGED
@@ -183,8 +183,8 @@
183
183
  .buy-btn-teacher{
184
184
  font-size: 3.2vmin;
185
185
  border-radius: 5.33vmin;
186
- width: 18.13vmin;
187
- height: 6.4vmin;
186
+ width: 21.33vmin;
187
+ height: 7.47vmin;
188
188
  display: flex;
189
189
  justify-content: center;
190
190
  align-items: center;
@@ -192,6 +192,12 @@
192
192
  line-height: 7.47vmin;
193
193
  font-weight: 500;
194
194
  background: linear-gradient(270deg, rgba(254,101,0,1) 0%, rgba(255,65,2,1) 100%);
195
+ .load{
196
+ width: 3.2vmin;
197
+ height: 3.2vmin;
198
+ animation: turn 1s linear infinite;
199
+ margin-right: 1.06vmin;
200
+ }
195
201
  }
196
202
  .no-stock-btn{
197
203
  font-size: 3.2vmin;
@@ -266,3 +272,28 @@
266
272
  margin-left: 2.13vmin;
267
273
  }
268
274
  }
275
+ @keyframes turn {
276
+ 0% {
277
+ transform: rotate(0deg);
278
+ }
279
+
280
+ 20% {
281
+ transform: rotate(72deg);
282
+ }
283
+
284
+ 40% {
285
+ transform: rotate(144deg);
286
+ }
287
+
288
+ 60% {
289
+ transform: rotate(216deg);
290
+ }
291
+
292
+ 80% {
293
+ transform: rotate(288deg);
294
+ }
295
+
296
+ 100% {
297
+ transform: rotate(360deg);
298
+ }
299
+ }
package/miniprogram_dist/GoodsItem/index.wxml CHANGED
@@ -74,13 +74,16 @@
74
74
  </view>
75
75
  </block>
76
76
  <block wx:else>
77
- <view class="buy-btn-teacher" catchtap="sendGoodsCard" data-item="{{goodsItem}}" data-type="10" data-index="{{index}}">{{ sending ? "发送中" : "发送"}}</view>
77
+ <view class="buy-btn-teacher" catchtap="sendGoodsCard" data-item="{{goodsItem}}" data-type="10" data-index="{{index}}">
78
+ <image wx:if="{{sending}}" class="load" src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/lik3ojn20167.png" />
79
+ 讲解
80
+ </view>
78
81
  </block>
79
82
  <!-- 购买按钮 end -->
80
83
  </view>
81
84
  </view>
82
85
  </view>
83
- <view class="teacher-switch" wx:if="{{!isStudent && goodsItem.teacher_auth == 2}}" catchtap="stopEvent">
86
+ <view class="teacher-switch" wx:if="{{!isStudent}}" catchtap="stopEvent">
84
87
  <van-switch checked="{{checked}}" bind:change="changeShowType" loading="{{switchLoading}}" size="3.73vmin"/>
85
88
  <text class="switch-txt">学员端展示商品</text>
86
89
  </view>
package/miniprogram_dist/GoodsItem/index.wxss CHANGED
@@ -1,3 +1,4 @@
1
+ /* 主题色 */
1
2
  .theme-customize-bg {
2
3
  background: linear-gradient(180.25deg, #fe6500 0%, #ff4102 100%) !important;
3
4
  }
@@ -94,7 +95,7 @@
94
95
  .goods-item .main-card .right .line-one .activity-type {
95
96
  background-color: #FFF3EB;
96
97
  color: #FF781F;
97
- padding: 0 1.07vmin;
98
+ padding: 0vmin 1.07vmin;
98
99
  font-size: 2.67vmin;
99
100
  height: 4.27vmin;
100
101
  line-height: 4.8vmin;
@@ -107,7 +108,7 @@
107
108
  font-weight: 500;
108
109
  }
109
110
  .goods-item .main-card .right .line-one .super-activity-type {
110
- background: linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);
111
+ background: linear-gradient(180.25deg, #333333 0%, #525252 68%, #333333 100%);
111
112
  color: #ff781f;
112
113
  padding: 0.53vmin 1.07vmin;
113
114
  font-size: 2.67vmin;
@@ -198,8 +199,8 @@
198
199
  .goods-item .main-card .right .line-three .buy-btn-teacher {
199
200
  font-size: 3.2vmin;
200
201
  border-radius: 5.33vmin;
201
- width: 18.13vmin;
202
- height: 6.4vmin;
202
+ width: 21.33vmin;
203
+ height: 7.47vmin;
203
204
  display: flex;
204
205
  justify-content: center;
205
206
  align-items: center;
@@ -208,6 +209,12 @@
208
209
  font-weight: 500;
209
210
  background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
210
211
  }
212
+ .goods-item .main-card .right .line-three .buy-btn-teacher .load {
213
+ width: 3.2vmin;
214
+ height: 3.2vmin;
215
+ animation: turn 1s linear infinite;
216
+ margin-right: 1.06vmin;
217
+ }
211
218
  .goods-item .main-card .right .line-three .no-stock-btn {
212
219
  font-size: 3.2vmin;
213
220
  border-radius: 5.33vmin;
@@ -256,12 +263,12 @@
256
263
  font-weight: 500;
257
264
  }
258
265
  .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow {
259
- color: #fff;
266
+ color: #ffffff;
260
267
  font-size: 2.67vmin;
261
268
  }
262
269
  .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show {
263
270
  font-size: 3.73vmin;
264
- color: #fff;
271
+ color: #ffffff;
265
272
  }
266
273
  .teacher-switch {
267
274
  height: 4.27vmin;
@@ -271,9 +278,29 @@
271
278
  }
272
279
  .teacher-switch .switch-txt {
273
280
  opacity: 1;
274
- color: #333;
281
+ color: #333333;
275
282
  font-size: 3.2vmin;
276
283
  font-weight: 400;
277
284
  font-family: "PingFang SC";
278
285
  margin-left: 2.13vmin;
279
286
  }
287
+ @keyframes turn {
288
+ 0% {
289
+ transform: rotate(0deg);
290
+ }
291
+ 20% {
292
+ transform: rotate(72deg);
293
+ }
294
+ 40% {
295
+ transform: rotate(144deg);
296
+ }
297
+ 60% {
298
+ transform: rotate(216deg);
299
+ }
300
+ 80% {
301
+ transform: rotate(288deg);
302
+ }
303
+ 100% {
304
+ transform: rotate(360deg);
305
+ }
306
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "xiaoe_mp_npm",
3
- "version": "0.5.36-alpha1",
3
+ "version": "0.5.37-alpha1",
4
4
  "description": "",
5
5
  "main": "miniprogram_dist/index.js",
6
6
  "scripts": {
package/src/GoodsItem/index.js CHANGED
@@ -602,6 +602,10 @@ Component({
602
602
  });
603
603
  },
604
604
  changeShowType(){
605
+ if(this.data.goodsItem.teacher_auth != 2){
606
+ this.showToast('暂无权限')
607
+ return
608
+ }
605
609
  this.setData({
606
610
  switchLoading: true
607
611
  })
package/src/GoodsItem/index.less CHANGED
@@ -183,8 +183,8 @@
183
183
  .buy-btn-teacher{
184
184
  font-size: 3.2vmin;
185
185
  border-radius: 5.33vmin;
186
- width: 18.13vmin;
187
- height: 6.4vmin;
186
+ width: 21.33vmin;
187
+ height: 7.47vmin;
188
188
  display: flex;
189
189
  justify-content: center;
190
190
  align-items: center;
@@ -192,6 +192,12 @@
192
192
  line-height: 7.47vmin;
193
193
  font-weight: 500;
194
194
  background: linear-gradient(270deg, rgba(254,101,0,1) 0%, rgba(255,65,2,1) 100%);
195
+ .load{
196
+ width: 3.2vmin;
197
+ height: 3.2vmin;
198
+ animation: turn 1s linear infinite;
199
+ margin-right: 1.06vmin;
200
+ }
195
201
  }
196
202
  .no-stock-btn{
197
203
  font-size: 3.2vmin;
@@ -266,3 +272,28 @@
266
272
  margin-left: 2.13vmin;
267
273
  }
268
274
  }
275
+ @keyframes turn {
276
+ 0% {
277
+ transform: rotate(0deg);
278
+ }
279
+
280
+ 20% {
281
+ transform: rotate(72deg);
282
+ }
283
+
284
+ 40% {
285
+ transform: rotate(144deg);
286
+ }
287
+
288
+ 60% {
289
+ transform: rotate(216deg);
290
+ }
291
+
292
+ 80% {
293
+ transform: rotate(288deg);
294
+ }
295
+
296
+ 100% {
297
+ transform: rotate(360deg);
298
+ }
299
+ }
package/src/GoodsItem/index.wxml CHANGED
@@ -74,13 +74,16 @@
74
74
  </view>
75
75
  </block>
76
76
  <block wx:else>
77
- <view class="buy-btn-teacher" catchtap="sendGoodsCard" data-item="{{goodsItem}}" data-type="10" data-index="{{index}}">{{ sending ? "发送中" : "发送"}}</view>
77
+ <view class="buy-btn-teacher" catchtap="sendGoodsCard" data-item="{{goodsItem}}" data-type="10" data-index="{{index}}">
78
+ <image wx:if="{{sending}}" class="load" src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/lik3ojn20167.png" />
79
+ 讲解
80
+ </view>
78
81
  </block>
79
82
  <!-- 购买按钮 end -->
80
83
  </view>
81
84
  </view>
82
85
  </view>
83
- <view class="teacher-switch" wx:if="{{!isStudent && goodsItem.teacher_auth == 2}}" catchtap="stopEvent">
86
+ <view class="teacher-switch" wx:if="{{!isStudent}}" catchtap="stopEvent">
84
87
  <van-switch checked="{{checked}}" bind:change="changeShowType" loading="{{switchLoading}}" size="3.73vmin"/>
85
88
  <text class="switch-txt">学员端展示商品</text>
86
89
  </view>
package/src/GoodsItem/index.wxss CHANGED
@@ -1 +1,306 @@
1
- .theme-customize-bg{background:linear-gradient(180.25deg, #fe6500 0%, #ff4102 100%) !important}.theme-customize-font{color:#1472FF !important}.theme-customize-light-new{background-color:#9db8f1 !important}.theme-customize-bg-light{background-color:#fff3eb !important}.theme-customize-border{border-color:#FF781F !important}.goods-explaining{position:absolute;width:32vmin;height:4.8vmin;bottom:0vmin;left:0vmin}.goods-item{display:flex;min-height:24vmin;background:#ffffff;margin:0 4.27vmin 0 4.27vmin;border-radius:2.13vmin;padding:2.13vmin;flex-direction:column}.goods-item .main-card{display:flex;flex-direction:row}.goods-item .main-card .left{position:relative;width:32vmin;height:24vmin}.goods-item .main-card .left .index{border-radius:2.13vmin 0 2.13vmin 0;position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;min-width:4.8vmin;height:3.73vmin;padding:.13vmin .8vmin;font-size:2.66vmin;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:calc(100% - 30.67vmin);bottom:1.07vmin;padding:1.07vmin 1.33vmin;background:rgba(0,0,0,0.4);border-radius:1.07vmin;color:#fff;font-size:2.67vmin;width:fit-content;display:flex;justify-content:center;align-items:center;height:2.67vmin;font-weight:500}.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 .right{flex:1;display:flex;flex-direction:column;justify-content:space-between;margin-left:2.13vmin;height:24vmin;width:calc(100% - 34.13vmin)}.goods-item .main-card .right .line-one{display:flex;align-items:center;height:4.8vmin}.goods-item .main-card .right .line-one .activity-type{background-color:#FFF3EB;color:#FF781F;padding:0 1.07vmin;font-size:2.67vmin;height:4.27vmin;line-height:4.8vmin;flex-shrink:0;margin-right:1.07vmin;border-radius:.53vmin;display:flex;width:max-content;align-items:center;font-weight:500}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.53vmin 1.07vmin;font-size:2.67vmin;height:4.27vmin;width:max-content;line-height:4.8vmin;flex-shrink:0;margin-right:1.07vmin;border-radius:.53vmin;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.73vmin;color:#333333;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;line-height:4.8vmin;font-weight:500}.goods-item .main-card .right .sec-kill{color:#FF781F;font-size:2.67vmin;line-height:4.27vmin;margin:1.07vmin 0}.goods-item .main-card .right .left-stock{color:#999999;font-size:2.67vmin;height:3.2vmin;display:flex;align-items:center}.goods-item .main-card .right .left-stock .split{display:inline-block;border-left:.13vmin solid #999999;width:.27vmin;height:3.2vmin;margin:0 1.6vmin}.goods-item .main-card .right .line-three{display:flex;justify-content:space-between;align-items:flex-end}.goods-item .main-card .right .line-three .price{position:relative;min-height:5.33vmin;font-weight:500}.goods-item .main-card .right .line-three .price .price-flow{color:#FF5429;font-size:3.2vmin}.goods-item .main-card .right .line-three .price .price-show{color:#FF5429;font-size:4.8vmin}.goods-item .main-card .right .line-three .price .price-line{font-size:2.67vmin;text-decoration:line-through;color:#999999;margin-left:1.07vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:3.2vmin;border-radius:5.33vmin;width:21.33vmin;height:7.47vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:7.47vmin;font-weight:500;background:linear-gradient(270deg, #fe6500 0%, #ff4102 100%)}.goods-item .main-card .right .line-three .buy-btn-teacher{font-size:3.2vmin;border-radius:5.33vmin;width:18.13vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:7.47vmin;font-weight:500;background:linear-gradient(270deg, #fe6500 0%, #ff4102 100%)}.goods-item .main-card .right .line-three .no-stock-btn{font-size:3.2vmin;border-radius:5.33vmin;width:21.33vmin;height:7.47vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:7.47vmin;font-weight:500;opacity:40%;background:linear-gradient(270deg, #fe6500 0%, #ff4102 100%)}.goods-item .main-card .right .line-three .see-btn{font-size:3.2vmin;border-radius:5.33vmin;width:21.33vmin;height:7.47vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:7.47vmin;font-weight:500;margin-left:inherit;margin-right:inherit;background:linear-gradient(270deg, #fe6500 0%, #ff4102 100%)}.goods-item .main-card .right .line-three .buy-btn-preferential{font-size:3.2vmin;border-radius:5.33vmin;padding:0 1.33vmin;min-width:21.33vmin;height:9.07vmin;display:flex;justify-content:center;align-items:center;color:white;flex-flow:column;line-height:4.27vmin;background:linear-gradient(270deg, #fe6500 0%, #ff4102 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.67vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:3.73vmin;color:#fff}.teacher-switch{height:4.27vmin;background:#fff;display:flex;margin-top:2.13vmin}.teacher-switch .switch-txt{opacity:1;color:#333;font-size:3.2vmin;font-weight:400;font-family:"PingFang SC";margin-left:2.13vmin}
1
+ /* 主题色 */
2
+ .theme-customize-bg {
3
+ background: linear-gradient(180.25deg, #fe6500 0%, #ff4102 100%) !important;
4
+ }
5
+ .theme-customize-font {
6
+ color: #1472FF !important;
7
+ }
8
+ .theme-customize-light-new {
9
+ background-color: #9db8f1 !important;
10
+ }
11
+ .theme-customize-bg-light {
12
+ background-color: #fff3eb !important;
13
+ }
14
+ .theme-customize-border {
15
+ border-color: #FF781F !important;
16
+ }
17
+ .goods-explaining {
18
+ position: absolute;
19
+ width: 32vmin;
20
+ height: 4.8vmin;
21
+ bottom: 0vmin;
22
+ left: 0vmin;
23
+ }
24
+ .goods-item {
25
+ display: flex;
26
+ min-height: 24vmin;
27
+ background: #ffffff;
28
+ margin: 0 4.27vmin 0 4.27vmin;
29
+ border-radius: 2.13vmin;
30
+ padding: 2.13vmin;
31
+ flex-direction: column;
32
+ }
33
+ .goods-item .main-card {
34
+ display: flex;
35
+ flex-direction: row;
36
+ }
37
+ .goods-item .main-card .left {
38
+ position: relative;
39
+ width: 32vmin;
40
+ height: 24vmin;
41
+ }
42
+ .goods-item .main-card .left .index {
43
+ border-radius: 2.13vmin 0 2.13vmin 0;
44
+ position: absolute;
45
+ top: 0;
46
+ left: 0;
47
+ display: inline-flex;
48
+ align-items: center;
49
+ justify-content: center;
50
+ min-width: 4.8vmin;
51
+ height: 3.73vmin;
52
+ padding: 0.13vmin 0.8vmin;
53
+ font-size: 2.66vmin;
54
+ background: rgba(0, 0, 0, 0.6);
55
+ color: #FFFFFF;
56
+ }
57
+ .goods-item .main-card .left .ios-index {
58
+ background: rgba(0, 0, 0, 0.25);
59
+ backdrop-filter: blur(3.2vmin);
60
+ }
61
+ .goods-item .main-card .left .goods-type {
62
+ position: absolute;
63
+ right: calc(100% - 30.67vmin);
64
+ bottom: 1.07vmin;
65
+ padding: 1.07vmin 1.33vmin;
66
+ background: rgba(0, 0, 0, 0.4);
67
+ border-radius: 1.07vmin;
68
+ color: #fff;
69
+ font-size: 2.67vmin;
70
+ width: fit-content;
71
+ display: flex;
72
+ justify-content: center;
73
+ align-items: center;
74
+ height: 2.67vmin;
75
+ font-weight: 500;
76
+ }
77
+ .goods-item .main-card .left .ios-goods-type {
78
+ background: rgba(0, 0, 0, 0.25) !important;
79
+ backdrop-filter: blur(3.2vmin);
80
+ }
81
+ .goods-item .main-card .right {
82
+ flex: 1;
83
+ display: flex;
84
+ flex-direction: column;
85
+ justify-content: space-between;
86
+ margin-left: 2.13vmin;
87
+ height: 24vmin;
88
+ width: calc(100% - 34.13vmin);
89
+ }
90
+ .goods-item .main-card .right .line-one {
91
+ display: flex;
92
+ align-items: center;
93
+ height: 4.8vmin;
94
+ }
95
+ .goods-item .main-card .right .line-one .activity-type {
96
+ background-color: #FFF3EB;
97
+ color: #FF781F;
98
+ padding: 0vmin 1.07vmin;
99
+ font-size: 2.67vmin;
100
+ height: 4.27vmin;
101
+ line-height: 4.8vmin;
102
+ flex-shrink: 0;
103
+ margin-right: 1.07vmin;
104
+ border-radius: 0.53vmin;
105
+ display: flex;
106
+ width: max-content;
107
+ align-items: center;
108
+ font-weight: 500;
109
+ }
110
+ .goods-item .main-card .right .line-one .super-activity-type {
111
+ background: linear-gradient(180.25deg, #333333 0%, #525252 68%, #333333 100%);
112
+ color: #ff781f;
113
+ padding: 0.53vmin 1.07vmin;
114
+ font-size: 2.67vmin;
115
+ height: 4.27vmin;
116
+ width: max-content;
117
+ line-height: 4.8vmin;
118
+ flex-shrink: 0;
119
+ margin-right: 1.07vmin;
120
+ border-radius: 0.53vmin;
121
+ display: flex;
122
+ font-weight: 500;
123
+ align-items: center;
124
+ }
125
+ .goods-item .main-card .right .line-one .super-activity-type .super-activity-txt {
126
+ background: linear-gradient(to right, #FFE4AD, #FFC266);
127
+ -webkit-background-clip: text;
128
+ color: transparent;
129
+ }
130
+ .goods-item .main-card .right .line-one .goods-title {
131
+ font-size: 3.73vmin;
132
+ color: #333333;
133
+ word-break: break-all;
134
+ overflow: hidden;
135
+ text-overflow: ellipsis;
136
+ white-space: nowrap;
137
+ display: inline-block;
138
+ vertical-align: middle;
139
+ line-height: 4.8vmin;
140
+ font-weight: 500;
141
+ }
142
+ .goods-item .main-card .right .sec-kill {
143
+ color: #FF781F;
144
+ font-size: 2.67vmin;
145
+ line-height: 4.27vmin;
146
+ margin: 1.07vmin 0;
147
+ }
148
+ .goods-item .main-card .right .left-stock {
149
+ color: #999999;
150
+ font-size: 2.67vmin;
151
+ height: 3.2vmin;
152
+ display: flex;
153
+ align-items: center;
154
+ }
155
+ .goods-item .main-card .right .left-stock .split {
156
+ display: inline-block;
157
+ border-left: 0.13vmin solid #999999;
158
+ width: 0.27vmin;
159
+ height: 3.2vmin;
160
+ margin: 0 1.6vmin;
161
+ }
162
+ .goods-item .main-card .right .line-three {
163
+ display: flex;
164
+ justify-content: space-between;
165
+ align-items: flex-end;
166
+ }
167
+ .goods-item .main-card .right .line-three .price {
168
+ position: relative;
169
+ min-height: 5.33vmin;
170
+ font-weight: 500;
171
+ }
172
+ .goods-item .main-card .right .line-three .price .price-flow {
173
+ color: #FF5429;
174
+ font-size: 3.2vmin;
175
+ }
176
+ .goods-item .main-card .right .line-three .price .price-show {
177
+ color: #FF5429;
178
+ font-size: 4.8vmin;
179
+ }
180
+ .goods-item .main-card .right .line-three .price .price-line {
181
+ font-size: 2.67vmin;
182
+ text-decoration: line-through;
183
+ color: #999999;
184
+ margin-left: 1.07vmin;
185
+ }
186
+ .goods-item .main-card .right .line-three .buy-btn {
187
+ font-size: 3.2vmin;
188
+ border-radius: 5.33vmin;
189
+ width: 21.33vmin;
190
+ height: 7.47vmin;
191
+ display: flex;
192
+ justify-content: center;
193
+ align-items: center;
194
+ color: white;
195
+ line-height: 7.47vmin;
196
+ font-weight: 500;
197
+ background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
198
+ }
199
+ .goods-item .main-card .right .line-three .buy-btn-teacher {
200
+ font-size: 3.2vmin;
201
+ border-radius: 5.33vmin;
202
+ width: 21.33vmin;
203
+ height: 7.47vmin;
204
+ display: flex;
205
+ justify-content: center;
206
+ align-items: center;
207
+ color: white;
208
+ line-height: 7.47vmin;
209
+ font-weight: 500;
210
+ background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
211
+ }
212
+ .goods-item .main-card .right .line-three .buy-btn-teacher .load {
213
+ width: 3.2vmin;
214
+ height: 3.2vmin;
215
+ animation: turn 1s linear infinite;
216
+ margin-right: 1.06vmin;
217
+ }
218
+ .goods-item .main-card .right .line-three .no-stock-btn {
219
+ font-size: 3.2vmin;
220
+ border-radius: 5.33vmin;
221
+ width: 21.33vmin;
222
+ height: 7.47vmin;
223
+ display: flex;
224
+ justify-content: center;
225
+ align-items: center;
226
+ color: white;
227
+ line-height: 7.47vmin;
228
+ font-weight: 500;
229
+ opacity: 40%;
230
+ background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
231
+ }
232
+ .goods-item .main-card .right .line-three .see-btn {
233
+ font-size: 3.2vmin;
234
+ border-radius: 5.33vmin;
235
+ width: 21.33vmin;
236
+ height: 7.47vmin;
237
+ display: flex;
238
+ justify-content: center;
239
+ align-items: center;
240
+ color: white;
241
+ line-height: 7.47vmin;
242
+ font-weight: 500;
243
+ margin-left: inherit;
244
+ margin-right: inherit;
245
+ background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
246
+ }
247
+ .goods-item .main-card .right .line-three .buy-btn-preferential {
248
+ font-size: 3.2vmin;
249
+ border-radius: 5.33vmin;
250
+ padding: 0 1.33vmin;
251
+ min-width: 21.33vmin;
252
+ height: 9.07vmin;
253
+ display: flex;
254
+ justify-content: center;
255
+ align-items: center;
256
+ color: white;
257
+ flex-flow: column;
258
+ line-height: 4.27vmin;
259
+ background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
260
+ }
261
+ .goods-item .main-card .right .line-three .buy-btn-preferential .go-buy {
262
+ font-size: 3.2vmin;
263
+ font-weight: 500;
264
+ }
265
+ .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow {
266
+ color: #ffffff;
267
+ font-size: 2.67vmin;
268
+ }
269
+ .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show {
270
+ font-size: 3.73vmin;
271
+ color: #ffffff;
272
+ }
273
+ .teacher-switch {
274
+ height: 4.27vmin;
275
+ background: #fff;
276
+ display: flex;
277
+ margin-top: 2.13vmin;
278
+ }
279
+ .teacher-switch .switch-txt {
280
+ opacity: 1;
281
+ color: #333333;
282
+ font-size: 3.2vmin;
283
+ font-weight: 400;
284
+ font-family: "PingFang SC";
285
+ margin-left: 2.13vmin;
286
+ }
287
+ @keyframes turn {
288
+ 0% {
289
+ transform: rotate(0deg);
290
+ }
291
+ 20% {
292
+ transform: rotate(72deg);
293
+ }
294
+ 40% {
295
+ transform: rotate(144deg);
296
+ }
297
+ 60% {
298
+ transform: rotate(216deg);
299
+ }
300
+ 80% {
301
+ transform: rotate(288deg);
302
+ }
303
+ 100% {
304
+ transform: rotate(360deg);
305
+ }
306
+ }