tplus-member 3.28.3 → 3.28.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (99) hide show
  1. package/dist/api.js +5 -5
  2. package/dist/api.js.map +1 -1
  3. package/dist/controllers/FeedbackController.js.map +1 -1
  4. package/dist/controllers/MemberOrderController.js +12 -12
  5. package/dist/controllers/MemberOrderController.js.map +1 -1
  6. package/dist/controllers/OpenCardController.js +7 -7
  7. package/dist/controllers/OpenCardController.js.map +1 -1
  8. package/dist/controllers/defaultConfig.js.map +1 -1
  9. package/dist/dataProvider/member.js +7 -7
  10. package/dist/dataProvider/member.js.map +1 -1
  11. package/dist/dataProvider/openCard.js.map +1 -1
  12. package/dist/domain/member/AuthProcess.js.map +1 -1
  13. package/dist/domain/member/CardCodeChangedProcessor.js +2 -2
  14. package/dist/domain/member/CardCodeChangedProcessor.js.map +1 -1
  15. package/dist/domain/member/CheckCardCodeAndCodeProcessor.js +2 -2
  16. package/dist/domain/member/CheckCardCodeAndCodeProcessor.js.map +1 -1
  17. package/dist/domain/member/CheckMobilephoneFormatProcessor.js +2 -2
  18. package/dist/domain/member/CheckMobilephoneFormatProcessor.js.map +1 -1
  19. package/dist/domain/member/CheckPresentAmountProcessor.js +2 -2
  20. package/dist/domain/member/CheckPresentAmountProcessor.js.map +1 -1
  21. package/dist/domain/member/EffectiveDateChangedProcessor.js +2 -2
  22. package/dist/domain/member/EffectiveDateChangedProcessor.js.map +1 -1
  23. package/dist/domain/member/GetThisPresentAmountProcessor.js +2 -2
  24. package/dist/domain/member/GetThisPresentAmountProcessor.js.map +1 -1
  25. package/dist/domain/member/InitDataProcessor.js +123 -123
  26. package/dist/domain/member/InitDataProcessor.js.map +1 -1
  27. package/dist/domain/member/IsMemberEffectiveProcessor.js +2 -2
  28. package/dist/domain/member/IsMemberEffectiveProcessor.js.map +1 -1
  29. package/dist/domain/member/IsMemberEnableProcessor.js +2 -2
  30. package/dist/domain/member/IsMemberEnableProcessor.js.map +1 -1
  31. package/dist/domain/member/IsMemberExpirationProcessor.js +2 -2
  32. package/dist/domain/member/IsMemberExpirationProcessor.js.map +1 -1
  33. package/dist/domain/member/IsMemberPasswordSameProcessor.js +2 -2
  34. package/dist/domain/member/IsMemberPasswordSameProcessor.js.map +1 -1
  35. package/dist/domain/member/IsMemberStorageForStoreProcessor.js +3 -3
  36. package/dist/domain/member/IsMemberStorageForStoreProcessor.js.map +1 -1
  37. package/dist/domain/member/MemberTypeChangedProcessor.js +4 -4
  38. package/dist/domain/member/MemberTypeChangedProcessor.js.map +1 -1
  39. package/dist/domain/member/MobilephoneChangedProcessor.js +4 -4
  40. package/dist/domain/member/MobilephoneChangedProcessor.js.map +1 -1
  41. package/dist/domain/member/PersonProcesser.js.map +1 -1
  42. package/dist/domain/member/PriuserdefChangedProcessor.js +2 -2
  43. package/dist/domain/member/PriuserdefChangedProcessor.js.map +1 -1
  44. package/dist/domain/operationLog/AddLogProcessor.js +6 -6
  45. package/dist/domain/operationLog/AddLogProcessor.js.map +1 -1
  46. package/dist/domain/operationLog/OperationConfig.js.map +1 -1
  47. package/dist/domain/operationLog/OperationLog.js.map +1 -1
  48. package/dist/index.js.map +1 -1
  49. package/dist/member/MemberPhoto.js.map +1 -1
  50. package/dist/member/MemberShow.js.map +1 -1
  51. package/dist/member/ShopMember.js.map +1 -1
  52. package/dist/member/ShopMember.less +531 -531
  53. package/dist/member/api.js.map +1 -1
  54. package/dist/member/color.less +31 -31
  55. package/dist/member/index.js +4 -4
  56. package/dist/member/index.js.map +1 -1
  57. package/dist/member/index.less +570 -570
  58. package/dist/member/memberMenu/changeMemberCard/index.js.map +1 -1
  59. package/dist/member/memberMenu/changeMemberCard/style.less +42 -42
  60. package/dist/member/memberMenu/index.js.map +1 -1
  61. package/dist/member/memberMenu/modifyPass/index.js.map +1 -1
  62. package/dist/member/memberMenu/modifyPass/store.js.map +1 -1
  63. package/dist/member/memberMenu/modifyPass/style.less +96 -96
  64. package/dist/member/memberMenu/style.less +85 -85
  65. package/dist/member/memberTab.js.map +1 -1
  66. package/dist/socket.js +13 -13
  67. package/dist/socket.js.map +1 -1
  68. package/dist/stores/MemberStore.js.map +1 -1
  69. package/dist/stores/index.js.map +1 -1
  70. package/dist/utils.js.map +1 -1
  71. package/dist/viewController/MemberOrderViewController.js.map +1 -1
  72. package/dist/viewDoMain/CheckMemberProcessorBlock.js +2 -2
  73. package/dist/viewDoMain/CheckMemberProcessorBlock.js.map +1 -1
  74. package/dist/viewDoMain/CheckMemberStorageProcessorBlock.js +2 -2
  75. package/dist/viewDoMain/CheckMemberStorageProcessorBlock.js.map +1 -1
  76. package/dist/viewDoMain/CheckSelectMemberProcessorBlock.js +2 -2
  77. package/dist/viewDoMain/CheckSelectMemberProcessorBlock.js.map +1 -1
  78. package/dist/viewDoMain/CheckUpdatePasswordProcessorBlock.js.map +1 -1
  79. package/dist/viewDoMain/MemberDataChangedProcessorBlock.js +2 -2
  80. package/dist/viewDoMain/MemberDataChangedProcessorBlock.js.map +1 -1
  81. package/dist/viewDoMain/MemberDataPreSaveProcessorBlock.js +2 -2
  82. package/dist/viewDoMain/MemberDataPreSaveProcessorBlock.js.map +1 -1
  83. package/dist/viewDoMain/StorageAmountChangedProcessorBlock.js +2 -2
  84. package/dist/viewDoMain/StorageAmountChangedProcessorBlock.js.map +1 -1
  85. package/dist/viewModels/memberVoucher.js +3 -3
  86. package/dist/viewModels/memberVoucher.js.map +1 -1
  87. package/dist/views/MemberOrderView.js +5 -5
  88. package/dist/views/MemberOrderView.js.map +1 -1
  89. package/dist/views/MemberStore.less +143 -143
  90. package/dist/views/MemberStoreNew.less +228 -230
  91. package/dist/views/MemberStoreNewView.js.map +1 -1
  92. package/dist/views/MemberStoreView.js.map +1 -1
  93. package/dist/views/MemberStoreViewContainer.js.map +1 -1
  94. package/dist/views/PresentDetail.less +118 -118
  95. package/dist/views/PresetDetailView.js.map +1 -1
  96. package/dist/views/memberOrder.less +54 -54
  97. package/locales/zh/tplus-portsetting.json +1 -1
  98. package/locales/zh-CN/tplus-portsetting.json +1 -1
  99. package/package.json +28 -28
package/dist/member/ShopMember.less CHANGED
@@ -1,531 +1,531 @@
1
- @import './color.less';
2
-
3
- @expiration-img : url("https://newretail.static.chanjet.com/expiration-stamp.png");
4
- @empty-data-img : url("https://newretail.static.chanjet.com/empty.png");
5
-
6
- .memberShopContainer{
7
- .empty-data{
8
- text-align: center;
9
- line-height: 28px;
10
- color: #999;
11
- position: absolute;
12
- top: 50%;
13
- width: 100%;
14
- transform: translateY(-50%);
15
- &.empty-data-img{
16
- background: @empty-data-img;
17
- width: 50%;
18
- height: 200px;
19
- left: 50%;
20
- background-repeat: no-repeat;
21
- background-position: center;
22
- transform: translate(-50%, -50%);
23
- }
24
- }
25
- .empty-data-img{
26
- background: @empty-data-img;
27
- width: 50%;
28
- height: 200px;
29
- left: 50%;
30
- background-repeat: no-repeat;
31
- background-position: center;
32
- transform: translate(-50%, -50%);
33
- position: absolute;
34
- top: 50%;
35
- }
36
- ._tplus-animation-ease_{
37
- -webkit-transition: all 0.2s ease-in-out;
38
- -o-transition: all 0.2s ease-in-out;
39
- transition: all 0.2s ease-in-out;
40
- };
41
- display: flex;
42
- flex-direction: column;
43
- height: 100%;
44
- padding-right: 0px !important;
45
- padding-left: 24px !important;
46
- .empty-data-tip{
47
- text-align: center;
48
- color: #999;
49
- width: 100%;
50
- &.empty-data-tip-member-card{
51
- margin-top: -12px;
52
- }
53
- td{
54
- color: #999 !important;
55
- text-align: center !important;
56
- }
57
- }
58
- .search-container{
59
- flex: 0 0 65px;
60
- line-height: 65px;
61
- display: flex;
62
- align-items: center;
63
- .search-input{
64
- margin-right: 20px;
65
- width: 270px;
66
- input{
67
- padding-left: 0;
68
- }
69
- }
70
- }
71
- .member-shop-content{
72
- display: flex;
73
- height:calc(~'100% - 128px');
74
- width: 100%;
75
- .member-card-list-side{
76
- flex: 0 0 320px;
77
- padding: 10px 20px;
78
- height: 100%;
79
- overflow: hidden;
80
- box-sizing: border-box;
81
- position: relative;
82
- .swiper-member-container{
83
- overflow: visible;
84
- height: 100%;
85
- width: 100%;
86
- .swiper-scrollbar{
87
- left: 3px;
88
- right: auto;
89
- }
90
- .member-item-slide{
91
- height: 106px;
92
- background-color: #fff;
93
- border-radius: 6px;
94
- display: flex;
95
- padding: 12px 12px 12px 0px;
96
- cursor: pointer;
97
- box-sizing: border-box;
98
- margin-bottom: 20px;
99
- position: relative;
100
-
101
- &.userLogout-stamp{
102
- font-family: "iconfont" !important;
103
- &:after{
104
- content: '\E69b';
105
- width: 40px;
106
- height: 40px;
107
- position: absolute;
108
- right: 20%;
109
- top: 8%;
110
- font-size: 40px;
111
- color: #f37d7c;
112
- }
113
- }
114
- &.expiration-stamp{
115
- &:after{
116
- content: '';
117
- background: @expiration-img;
118
- background-size: contain;
119
- background-repeat: no-repeat;
120
- width: 40px;
121
- height: 40px;
122
- position: absolute;
123
- right: 20%;
124
- top: 20%;
125
- }
126
- }
127
- ._tplus-animation-ease_;
128
- &.slide-selected{
129
- position: relative;
130
- &:before{
131
- content: '';
132
- width: 0;
133
- height: 0;
134
- position: absolute;
135
- right: -10px;
136
- top: 50%;
137
- margin-top: -5px;
138
- }
139
- }
140
- .memberstate-stamp{
141
- position: absolute;
142
- right: 40px;
143
- top: 12px;
144
- i{
145
- color: #FF595E;
146
- font-size: 45px;
147
- padding-right: 10px;
148
- }
149
- }
150
- .card-avatar{
151
- flex: 0 0 88px;
152
- display: flex;
153
- align-items: center;
154
- justify-content: center;
155
- .avatar-box{
156
- width: 56px;
157
- height: 56px;
158
- position: relative;
159
- img{
160
- width: 100%;
161
- height: 100%;
162
- display: block;
163
- border-radius: 50%;
164
- }
165
- .avatar-bage{
166
- background: #FF595E;
167
- border-radius: 6px;
168
- color: #fff;
169
- font-size: 12px;
170
- position: absolute;
171
- bottom: 0px;
172
- left: 50%;
173
- margin-left: -19px;
174
- text-align: center;
175
- height: 12px;
176
- width: 36px;
177
- &.bage-follow{
178
- background: #C8C8CD;
179
- }
180
- .avatar-bage-scale{
181
- transform: scale(0.7, 0.7) translate(0, -4px);
182
- }
183
- }
184
- }
185
- }
186
- .member-level{
187
- position: absolute;
188
- right: 0px;
189
- top: 0px;
190
- height: 20px;
191
- width: 52px;
192
- border-radius: 6px;
193
- &:before{
194
- content: '';
195
- display: block;
196
- width: 62px;
197
- position: absolute;
198
- top: 0px;
199
- right: 0;
200
- border-radius: 0 6px 0px 0px;
201
- }
202
- &:after{
203
- content: '';
204
- display: block;
205
- width: 62px;
206
- position: absolute;
207
- top: 0px;
208
- right: 0;
209
- border-radius: 0 6px 0px 0px;
210
- }
211
- span {
212
- color: #fff;
213
- position: absolute;
214
- top: 0px;
215
- line-height: 20px;
216
- font-size: 12px;
217
- z-index: 9;
218
- width: 100%;
219
- padding-right: 4px;
220
- overflow: hidden;
221
- height: 100%;
222
- }
223
- }
224
- .member-info-container{
225
- flex: 1;
226
- display: flex;
227
- flex-direction: column;
228
- justify-content: space-evenly;
229
- padding: 6px 0 4px 0;
230
- .member-info-name{
231
- font-size: 16px;
232
- color: #333;
233
- overflow: hidden;
234
- text-overflow: ellipsis;
235
- white-space: nowrap;
236
- width: 180px;
237
- }
238
- .member-phone{
239
- font-size: 12px;
240
- color: #000;
241
- margin-top: -4px;
242
- }
243
- .member-money{
244
- color: #000;
245
- display: flex;
246
- justify-content: space-between;
247
- }
248
- .member-tag{
249
- display: flex;
250
- flex-wrap: nowrap;
251
- overflow: hidden;
252
- span{
253
- flex: none;
254
- background: rgba(255,140,37,0.20);
255
- border-radius: 2px;
256
- font-size: 12px;
257
- color: #FF8C25;
258
- text-align: center;
259
- padding: 0px 5px;
260
- margin-right: 5px;
261
- }
262
- }
263
- }
264
- }
265
- }
266
- }
267
- .member-content-tab{
268
- flex: 1;
269
- flex-direction: column;
270
- min-width: 200px;
271
- position: relative;
272
- .menu{
273
- display: flex;
274
- align-items: center;
275
- height: 60px;
276
- }
277
- .line{
278
- height: 4px;
279
- width: 100%;
280
- background-color: #F4F4F4;
281
- }
282
- }
283
- }
284
- .member-footer{
285
- padding: 15px;
286
- text-align: right;
287
- button:first-child{
288
- margin-right: 20px;
289
- }
290
- }
291
- .member-selected-icon{
292
- width: 50px;
293
- height: 50px;
294
- overflow: hidden;
295
- position: absolute;
296
- right: 0px;
297
- border-radius: 6px;
298
- bottom: 0px;
299
- .member-selected-icon-arrow{
300
- right: 27px;
301
- position: relative;
302
- bottom: 0px;
303
- width: 0;
304
- height: 0;
305
- .iconfont{
306
- position: absolute;
307
- right: -50px;
308
- top: -31px;
309
- font-size: 12px;
310
- color: #fff;
311
- zoom: 0.5;
312
- }
313
- }
314
- }
315
- }
316
-
317
- .member-table-container {
318
- flex-grow : 1;
319
- display : flex;
320
- flex-direction: column;
321
- .ant-tabs-nav {
322
- flex-grow : 0;
323
- margin-bottom: 0 !important;
324
- height: 43px;
325
-
326
- .ant-tabs-nav-container {
327
- overflow: initial !important;
328
- }
329
- }
330
-
331
- .ant-tabs-content {
332
- flex-grow: 1;
333
- overflow : hidden;
334
- height: 100%;
335
- .ant-tabs-tabpane {
336
- height: 100%;
337
- }
338
- }
339
-
340
- .member-info-table {
341
- width : 100%;
342
- display : flex;
343
- flex-wrap: wrap;
344
-
345
- div {
346
- width : 50%;
347
- height : 50px;
348
- line-height : 50px;
349
- text-align : center;
350
- border-top : none;
351
- border-bottom: 1px solid #E6E6EB;
352
- box-sizing : border-box;
353
-
354
- span {
355
- width : 50%;
356
- float : left;
357
- color : #333;
358
- text-align : left;
359
- word-break : keep-all;
360
- white-space : nowrap;
361
- overflow : hidden;
362
- text-overflow: ellipsis;
363
-
364
- &:first-child {
365
- text-align: right;
366
- color : #666;
367
- }
368
- }
369
-
370
- &:nth-child(2n-1) {
371
- border-right: 1px solid #E6E6EB;
372
- }
373
- }
374
- }
375
-
376
- .recommend-tab {
377
- padding : 0px 20px;
378
- display : flex;
379
- flex-direction: column;
380
- position : relative;
381
-
382
- .recommend-info {
383
- border-radius : 4px;
384
- display : flex;
385
- flex-wrap : wrap;
386
- justify-content: space-between;
387
- padding : 5px 30px;
388
- margin : 15px 0px;
389
-
390
- span {
391
- line-height: 32px;
392
- margin : 0 10px;
393
- }
394
- }
395
-
396
- .recommend-connent {
397
- overflow: auto;
398
- position: relative;
399
- }
400
-
401
- .detail-content {
402
- margin-bottom: 10px;
403
-
404
- h1 {
405
- padding-left : 10px;
406
- font-size : 12px;
407
- margin-bottom: 10px;
408
- }
409
- }
410
- }
411
-
412
- .recently-tab {
413
- table {
414
- width: 100%;
415
-
416
- thead {
417
- background : #F4F4F4;
418
- border-bottom: 1px solid #E6E6EB;
419
- height : 50px;
420
- line-height : 50px;
421
- display : table;
422
- table-layout : fixed;
423
- width : 100%;
424
-
425
- th {
426
- text-align : left;
427
- padding-left: 20px;
428
-
429
- &.amount-item {
430
- text-align : right;
431
- padding-right: 20px;
432
- }
433
- }
434
- }
435
-
436
- tbody {
437
- display : block;
438
- overflow-y: auto;
439
- overflow-x: hidden;
440
-
441
- .only-one-data,
442
- .data-border {
443
- border-bottom: 1px solid #E6E6EB !important;
444
- }
445
-
446
- tr {
447
- display : table;
448
- table-layout: fixed;
449
- width : 100%;
450
-
451
- td {
452
- font-size : 14px;
453
- color : #333333;
454
- height : 50px;
455
- line-height : 50px;
456
- border-bottom: 1px solid #E6E6EB;
457
- padding-left : 20px;
458
- overflow : hidden;
459
- text-overflow: ellipsis;
460
- white-space : nowrap;
461
-
462
- &:first-child {
463
- border-bottom: none;
464
- }
465
-
466
- &:last-child {
467
- border-right : 1px solid #E6E6EB;
468
- padding-right: 20px;
469
- text-align : right;
470
- }
471
-
472
- &:nth-child(2) {
473
- border-left: 1px solid #E6E6EB;
474
- }
475
- }
476
-
477
- &:last-child {
478
- td {
479
- border-bottom: 1px solid #E6E6EB;
480
- }
481
- }
482
- }
483
- }
484
- }
485
- }
486
-
487
- .expiration-stamp {
488
- position: relative;
489
- overflow: hidden;
490
-
491
- &:after {
492
- width : 88px;
493
- height : 88px;
494
- content : '';
495
- background : @expiration-img;
496
- background-size : contain;
497
- background-repeat: no-repeat;
498
- opacity : 0;
499
- position : absolute;
500
- padding : .1em .5em;
501
- margin : 0 auto;
502
- top : 60%;
503
- left : 20%;
504
- text-transform : uppercase;
505
- opacity : 0;
506
- transform-origin : 50% 50%;
507
- transform : rotate(-12deg) scale(5);
508
- z-index : -1;
509
- }
510
- }
511
-
512
- .expiration-animate {
513
- .expiration-stamp:after {
514
- opacity : .45;
515
- transform : rotate(0deg) scale(1);
516
- z-index : 5;
517
- transition: all .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
518
- }
519
- }
520
- .memberstate-detail-stamp{
521
- position: absolute;
522
- top : 20px;
523
- left : 200px;
524
-
525
- i {
526
- font-size: 90px;
527
- color : fade(#FF595E, 50%);
528
- padding-right: 10px;
529
- }
530
- }
531
- }
1
+ @import './color.less';
2
+
3
+ @expiration-img : url("https://newretail.static.chanjet.com/expiration-stamp.png");
4
+ @empty-data-img : url("https://newretail.static.chanjet.com/empty.png");
5
+
6
+ .memberShopContainer{
7
+ .empty-data{
8
+ text-align: center;
9
+ line-height: 28px;
10
+ color: #999;
11
+ position: absolute;
12
+ top: 50%;
13
+ width: 100%;
14
+ transform: translateY(-50%);
15
+ &.empty-data-img{
16
+ background: @empty-data-img;
17
+ width: 50%;
18
+ height: 200px;
19
+ left: 50%;
20
+ background-repeat: no-repeat;
21
+ background-position: center;
22
+ transform: translate(-50%, -50%);
23
+ }
24
+ }
25
+ .empty-data-img{
26
+ background: @empty-data-img;
27
+ width: 50%;
28
+ height: 200px;
29
+ left: 50%;
30
+ background-repeat: no-repeat;
31
+ background-position: center;
32
+ transform: translate(-50%, -50%);
33
+ position: absolute;
34
+ top: 50%;
35
+ }
36
+ ._tplus-animation-ease_{
37
+ -webkit-transition: all 0.2s ease-in-out;
38
+ -o-transition: all 0.2s ease-in-out;
39
+ transition: all 0.2s ease-in-out;
40
+ };
41
+ display: flex;
42
+ flex-direction: column;
43
+ height: 100%;
44
+ padding-right: 0px !important;
45
+ padding-left: 24px !important;
46
+ .empty-data-tip{
47
+ text-align: center;
48
+ color: #999;
49
+ width: 100%;
50
+ &.empty-data-tip-member-card{
51
+ margin-top: -12px;
52
+ }
53
+ td{
54
+ color: #999 !important;
55
+ text-align: center !important;
56
+ }
57
+ }
58
+ .search-container{
59
+ flex: 0 0 65px;
60
+ line-height: 65px;
61
+ display: flex;
62
+ align-items: center;
63
+ .search-input{
64
+ margin-right: 20px;
65
+ width: 270px;
66
+ input{
67
+ padding-left: 0;
68
+ }
69
+ }
70
+ }
71
+ .member-shop-content{
72
+ display: flex;
73
+ height:calc(~'100% - 128px');
74
+ width: 100%;
75
+ .member-card-list-side{
76
+ flex: 0 0 320px;
77
+ padding: 10px 20px;
78
+ height: 100%;
79
+ overflow: hidden;
80
+ box-sizing: border-box;
81
+ position: relative;
82
+ .swiper-member-container{
83
+ overflow: visible;
84
+ height: 100%;
85
+ width: 100%;
86
+ .swiper-scrollbar{
87
+ left: 3px;
88
+ right: auto;
89
+ }
90
+ .member-item-slide{
91
+ height: 106px;
92
+ background-color: #fff;
93
+ border-radius: 6px;
94
+ display: flex;
95
+ padding: 12px 12px 12px 0px;
96
+ cursor: pointer;
97
+ box-sizing: border-box;
98
+ margin-bottom: 20px;
99
+ position: relative;
100
+
101
+ &.userLogout-stamp{
102
+ font-family: "iconfont" !important;
103
+ &:after{
104
+ content: '\E69b';
105
+ width: 40px;
106
+ height: 40px;
107
+ position: absolute;
108
+ right: 20%;
109
+ top: 8%;
110
+ font-size: 40px;
111
+ color: #f37d7c;
112
+ }
113
+ }
114
+ &.expiration-stamp{
115
+ &:after{
116
+ content: '';
117
+ background: @expiration-img;
118
+ background-size: contain;
119
+ background-repeat: no-repeat;
120
+ width: 40px;
121
+ height: 40px;
122
+ position: absolute;
123
+ right: 20%;
124
+ top: 20%;
125
+ }
126
+ }
127
+ ._tplus-animation-ease_;
128
+ &.slide-selected{
129
+ position: relative;
130
+ &:before{
131
+ content: '';
132
+ width: 0;
133
+ height: 0;
134
+ position: absolute;
135
+ right: -10px;
136
+ top: 50%;
137
+ margin-top: -5px;
138
+ }
139
+ }
140
+ .memberstate-stamp{
141
+ position: absolute;
142
+ right: 40px;
143
+ top: 12px;
144
+ i{
145
+ color: #FF595E;
146
+ font-size: 45px;
147
+ padding-right: 10px;
148
+ }
149
+ }
150
+ .card-avatar{
151
+ flex: 0 0 88px;
152
+ display: flex;
153
+ align-items: center;
154
+ justify-content: center;
155
+ .avatar-box{
156
+ width: 56px;
157
+ height: 56px;
158
+ position: relative;
159
+ img{
160
+ width: 100%;
161
+ height: 100%;
162
+ display: block;
163
+ border-radius: 50%;
164
+ }
165
+ .avatar-bage{
166
+ background: #FF595E;
167
+ border-radius: 6px;
168
+ color: #fff;
169
+ font-size: 12px;
170
+ position: absolute;
171
+ bottom: 0px;
172
+ left: 50%;
173
+ margin-left: -19px;
174
+ text-align: center;
175
+ height: 12px;
176
+ width: 36px;
177
+ &.bage-follow{
178
+ background: #C8C8CD;
179
+ }
180
+ .avatar-bage-scale{
181
+ transform: scale(0.7, 0.7) translate(0, -4px);
182
+ }
183
+ }
184
+ }
185
+ }
186
+ .member-level{
187
+ position: absolute;
188
+ right: 0px;
189
+ top: 0px;
190
+ height: 20px;
191
+ width: 52px;
192
+ border-radius: 6px;
193
+ &:before{
194
+ content: '';
195
+ display: block;
196
+ width: 62px;
197
+ position: absolute;
198
+ top: 0px;
199
+ right: 0;
200
+ border-radius: 0 6px 0px 0px;
201
+ }
202
+ &:after{
203
+ content: '';
204
+ display: block;
205
+ width: 62px;
206
+ position: absolute;
207
+ top: 0px;
208
+ right: 0;
209
+ border-radius: 0 6px 0px 0px;
210
+ }
211
+ span {
212
+ color: #fff;
213
+ position: absolute;
214
+ top: 0px;
215
+ line-height: 20px;
216
+ font-size: 12px;
217
+ z-index: 9;
218
+ width: 100%;
219
+ padding-right: 4px;
220
+ overflow: hidden;
221
+ height: 100%;
222
+ }
223
+ }
224
+ .member-info-container{
225
+ flex: 1;
226
+ display: flex;
227
+ flex-direction: column;
228
+ justify-content: space-evenly;
229
+ padding: 6px 0 4px 0;
230
+ .member-info-name{
231
+ font-size: 16px;
232
+ color: #333;
233
+ overflow: hidden;
234
+ text-overflow: ellipsis;
235
+ white-space: nowrap;
236
+ width: 180px;
237
+ }
238
+ .member-phone{
239
+ font-size: 12px;
240
+ color: #000;
241
+ margin-top: -4px;
242
+ }
243
+ .member-money{
244
+ color: #000;
245
+ display: flex;
246
+ justify-content: space-between;
247
+ }
248
+ .member-tag{
249
+ display: flex;
250
+ flex-wrap: nowrap;
251
+ overflow: hidden;
252
+ span{
253
+ flex: none;
254
+ background: rgba(255,140,37,0.20);
255
+ border-radius: 2px;
256
+ font-size: 12px;
257
+ color: #FF8C25;
258
+ text-align: center;
259
+ padding: 0px 5px;
260
+ margin-right: 5px;
261
+ }
262
+ }
263
+ }
264
+ }
265
+ }
266
+ }
267
+ .member-content-tab{
268
+ flex: 1;
269
+ flex-direction: column;
270
+ min-width: 200px;
271
+ position: relative;
272
+ .menu{
273
+ display: flex;
274
+ align-items: center;
275
+ height: 60px;
276
+ }
277
+ .line{
278
+ height: 4px;
279
+ width: 100%;
280
+ background-color: #F4F4F4;
281
+ }
282
+ }
283
+ }
284
+ .member-footer{
285
+ padding: 15px;
286
+ text-align: right;
287
+ button:first-child{
288
+ margin-right: 20px;
289
+ }
290
+ }
291
+ .member-selected-icon{
292
+ width: 50px;
293
+ height: 50px;
294
+ overflow: hidden;
295
+ position: absolute;
296
+ right: 0px;
297
+ border-radius: 6px;
298
+ bottom: 0px;
299
+ .member-selected-icon-arrow{
300
+ right: 27px;
301
+ position: relative;
302
+ bottom: 0px;
303
+ width: 0;
304
+ height: 0;
305
+ .iconfont{
306
+ position: absolute;
307
+ right: -50px;
308
+ top: -31px;
309
+ font-size: 12px;
310
+ color: #fff;
311
+ zoom: 0.5;
312
+ }
313
+ }
314
+ }
315
+ }
316
+
317
+ .member-table-container {
318
+ flex-grow : 1;
319
+ display : flex;
320
+ flex-direction: column;
321
+ .ant-tabs-nav {
322
+ flex-grow : 0;
323
+ margin-bottom: 0 !important;
324
+ height: 43px;
325
+
326
+ .ant-tabs-nav-container {
327
+ overflow: initial !important;
328
+ }
329
+ }
330
+
331
+ .ant-tabs-content {
332
+ flex-grow: 1;
333
+ overflow : hidden;
334
+ height: 100%;
335
+ .ant-tabs-tabpane {
336
+ height: 100%;
337
+ }
338
+ }
339
+
340
+ .member-info-table {
341
+ width : 100%;
342
+ display : flex;
343
+ flex-wrap: wrap;
344
+
345
+ div {
346
+ width : 50%;
347
+ height : 50px;
348
+ line-height : 50px;
349
+ text-align : center;
350
+ border-top : none;
351
+ border-bottom: 1px solid #E6E6EB;
352
+ box-sizing : border-box;
353
+
354
+ span {
355
+ width : 50%;
356
+ float : left;
357
+ color : #333;
358
+ text-align : left;
359
+ word-break : keep-all;
360
+ white-space : nowrap;
361
+ overflow : hidden;
362
+ text-overflow: ellipsis;
363
+
364
+ &:first-child {
365
+ text-align: right;
366
+ color : #666;
367
+ }
368
+ }
369
+
370
+ &:nth-child(2n-1) {
371
+ border-right: 1px solid #E6E6EB;
372
+ }
373
+ }
374
+ }
375
+
376
+ .recommend-tab {
377
+ padding : 0px 20px;
378
+ display : flex;
379
+ flex-direction: column;
380
+ position : relative;
381
+
382
+ .recommend-info {
383
+ border-radius : 4px;
384
+ display : flex;
385
+ flex-wrap : wrap;
386
+ justify-content: space-between;
387
+ padding : 5px 30px;
388
+ margin : 15px 0px;
389
+
390
+ span {
391
+ line-height: 32px;
392
+ margin : 0 10px;
393
+ }
394
+ }
395
+
396
+ .recommend-connent {
397
+ overflow: auto;
398
+ position: relative;
399
+ }
400
+
401
+ .detail-content {
402
+ margin-bottom: 10px;
403
+
404
+ h1 {
405
+ padding-left : 10px;
406
+ font-size : 12px;
407
+ margin-bottom: 10px;
408
+ }
409
+ }
410
+ }
411
+
412
+ .recently-tab {
413
+ table {
414
+ width: 100%;
415
+
416
+ thead {
417
+ background : #F4F4F4;
418
+ border-bottom: 1px solid #E6E6EB;
419
+ height : 50px;
420
+ line-height : 50px;
421
+ display : table;
422
+ table-layout : fixed;
423
+ width : 100%;
424
+
425
+ th {
426
+ text-align : left;
427
+ padding-left: 20px;
428
+
429
+ &.amount-item {
430
+ text-align : right;
431
+ padding-right: 20px;
432
+ }
433
+ }
434
+ }
435
+
436
+ tbody {
437
+ display : block;
438
+ overflow-y: auto;
439
+ overflow-x: hidden;
440
+
441
+ .only-one-data,
442
+ .data-border {
443
+ border-bottom: 1px solid #E6E6EB !important;
444
+ }
445
+
446
+ tr {
447
+ display : table;
448
+ table-layout: fixed;
449
+ width : 100%;
450
+
451
+ td {
452
+ font-size : 14px;
453
+ color : #333333;
454
+ height : 50px;
455
+ line-height : 50px;
456
+ border-bottom: 1px solid #E6E6EB;
457
+ padding-left : 20px;
458
+ overflow : hidden;
459
+ text-overflow: ellipsis;
460
+ white-space : nowrap;
461
+
462
+ &:first-child {
463
+ border-bottom: none;
464
+ }
465
+
466
+ &:last-child {
467
+ border-right : 1px solid #E6E6EB;
468
+ padding-right: 20px;
469
+ text-align : right;
470
+ }
471
+
472
+ &:nth-child(2) {
473
+ border-left: 1px solid #E6E6EB;
474
+ }
475
+ }
476
+
477
+ &:last-child {
478
+ td {
479
+ border-bottom: 1px solid #E6E6EB;
480
+ }
481
+ }
482
+ }
483
+ }
484
+ }
485
+ }
486
+
487
+ .expiration-stamp {
488
+ position: relative;
489
+ overflow: hidden;
490
+
491
+ &:after {
492
+ width : 88px;
493
+ height : 88px;
494
+ content : '';
495
+ background : @expiration-img;
496
+ background-size : contain;
497
+ background-repeat: no-repeat;
498
+ opacity : 0;
499
+ position : absolute;
500
+ padding : .1em .5em;
501
+ margin : 0 auto;
502
+ top : 60%;
503
+ left : 20%;
504
+ text-transform : uppercase;
505
+ opacity : 0;
506
+ transform-origin : 50% 50%;
507
+ transform : rotate(-12deg) scale(5);
508
+ z-index : -1;
509
+ }
510
+ }
511
+
512
+ .expiration-animate {
513
+ .expiration-stamp:after {
514
+ opacity : .45;
515
+ transform : rotate(0deg) scale(1);
516
+ z-index : 5;
517
+ transition: all .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
518
+ }
519
+ }
520
+ .memberstate-detail-stamp{
521
+ position: absolute;
522
+ top : 20px;
523
+ left : 200px;
524
+
525
+ i {
526
+ font-size: 90px;
527
+ color : fade(#FF595E, 50%);
528
+ padding-right: 10px;
529
+ }
530
+ }
531
+ }