tplus-member 3.28.14 → 3.31.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (103) 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 +30 -153
  52. package/dist/member/ShopMember.js.map +1 -1
  53. package/dist/member/ShopMember.less +531 -566
  54. package/dist/member/api.js +0 -33
  55. package/dist/member/api.js.map +1 -1
  56. package/dist/member/color.less +31 -31
  57. package/dist/member/index.js +119 -133
  58. package/dist/member/index.js.map +1 -1
  59. package/dist/member/index.less +570 -570
  60. package/dist/member/memberMenu/changeMemberCard/index.js.map +1 -1
  61. package/dist/member/memberMenu/changeMemberCard/style.less +42 -42
  62. package/dist/member/memberMenu/index.js +1 -1
  63. package/dist/member/memberMenu/index.js.map +1 -1
  64. package/dist/member/memberMenu/modifyPass/index.js.map +1 -1
  65. package/dist/member/memberMenu/modifyPass/store.js.map +1 -1
  66. package/dist/member/memberMenu/modifyPass/style.less +96 -96
  67. package/dist/member/memberMenu/style.less +85 -85
  68. package/dist/member/memberTab.js +11 -58
  69. package/dist/member/memberTab.js.map +1 -1
  70. package/dist/socket.js +13 -13
  71. package/dist/socket.js.map +1 -1
  72. package/dist/stores/MemberStore.js.map +1 -1
  73. package/dist/stores/index.js.map +1 -1
  74. package/dist/utils.js.map +1 -1
  75. package/dist/viewController/MemberOrderViewController.js.map +1 -1
  76. package/dist/viewDoMain/CheckMemberProcessorBlock.js +2 -2
  77. package/dist/viewDoMain/CheckMemberProcessorBlock.js.map +1 -1
  78. package/dist/viewDoMain/CheckMemberStorageProcessorBlock.js +2 -2
  79. package/dist/viewDoMain/CheckMemberStorageProcessorBlock.js.map +1 -1
  80. package/dist/viewDoMain/CheckSelectMemberProcessorBlock.js +2 -2
  81. package/dist/viewDoMain/CheckSelectMemberProcessorBlock.js.map +1 -1
  82. package/dist/viewDoMain/CheckUpdatePasswordProcessorBlock.js.map +1 -1
  83. package/dist/viewDoMain/MemberDataChangedProcessorBlock.js +2 -2
  84. package/dist/viewDoMain/MemberDataChangedProcessorBlock.js.map +1 -1
  85. package/dist/viewDoMain/MemberDataPreSaveProcessorBlock.js +2 -2
  86. package/dist/viewDoMain/MemberDataPreSaveProcessorBlock.js.map +1 -1
  87. package/dist/viewDoMain/StorageAmountChangedProcessorBlock.js +2 -2
  88. package/dist/viewDoMain/StorageAmountChangedProcessorBlock.js.map +1 -1
  89. package/dist/viewModels/memberVoucher.js +3 -3
  90. package/dist/viewModels/memberVoucher.js.map +1 -1
  91. package/dist/views/MemberOrderView.js +5 -5
  92. package/dist/views/MemberOrderView.js.map +1 -1
  93. package/dist/views/MemberStore.less +143 -143
  94. package/dist/views/MemberStoreNew.less +230 -228
  95. package/dist/views/MemberStoreNewView.js.map +1 -1
  96. package/dist/views/MemberStoreView.js.map +1 -1
  97. package/dist/views/MemberStoreViewContainer.js.map +1 -1
  98. package/dist/views/PresentDetail.less +118 -118
  99. package/dist/views/PresetDetailView.js.map +1 -1
  100. package/dist/views/memberOrder.less +54 -54
  101. package/locales/zh/tplus-portsetting.json +1 -1
  102. package/locales/zh-CN/tplus-portsetting.json +1 -1
  103. package/package.json +5 -5
package/dist/member/ShopMember.less CHANGED
@@ -1,566 +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-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: @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
+ }