tplus-member 3.28.10 → 3.28.11

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