tplus-member 3.28.4 → 3.28.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (101) 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 +9 -1
  52. package/dist/member/ShopMember.js.map +1 -1
  53. package/dist/member/ShopMember.less +542 -531
  54. package/dist/member/api.js.map +1 -1
  55. package/dist/member/color.less +31 -31
  56. package/dist/member/index.js +4 -4
  57. package/dist/member/index.js.map +1 -1
  58. package/dist/member/index.less +570 -570
  59. package/dist/member/memberMenu/changeMemberCard/index.js.map +1 -1
  60. package/dist/member/memberMenu/changeMemberCard/style.less +42 -42
  61. package/dist/member/memberMenu/index.js.map +1 -1
  62. package/dist/member/memberMenu/modifyPass/index.js.map +1 -1
  63. package/dist/member/memberMenu/modifyPass/store.js.map +1 -1
  64. package/dist/member/memberMenu/modifyPass/style.less +96 -96
  65. package/dist/member/memberMenu/style.less +85 -85
  66. package/dist/member/memberTab.js +19 -3
  67. package/dist/member/memberTab.js.map +1 -1
  68. package/dist/socket.js +13 -13
  69. package/dist/socket.js.map +1 -1
  70. package/dist/stores/MemberStore.js.map +1 -1
  71. package/dist/stores/index.js.map +1 -1
  72. package/dist/utils.js.map +1 -1
  73. package/dist/viewController/MemberOrderViewController.js.map +1 -1
  74. package/dist/viewDoMain/CheckMemberProcessorBlock.js +2 -2
  75. package/dist/viewDoMain/CheckMemberProcessorBlock.js.map +1 -1
  76. package/dist/viewDoMain/CheckMemberStorageProcessorBlock.js +2 -2
  77. package/dist/viewDoMain/CheckMemberStorageProcessorBlock.js.map +1 -1
  78. package/dist/viewDoMain/CheckSelectMemberProcessorBlock.js +2 -2
  79. package/dist/viewDoMain/CheckSelectMemberProcessorBlock.js.map +1 -1
  80. package/dist/viewDoMain/CheckUpdatePasswordProcessorBlock.js.map +1 -1
  81. package/dist/viewDoMain/MemberDataChangedProcessorBlock.js +2 -2
  82. package/dist/viewDoMain/MemberDataChangedProcessorBlock.js.map +1 -1
  83. package/dist/viewDoMain/MemberDataPreSaveProcessorBlock.js +2 -2
  84. package/dist/viewDoMain/MemberDataPreSaveProcessorBlock.js.map +1 -1
  85. package/dist/viewDoMain/StorageAmountChangedProcessorBlock.js +2 -2
  86. package/dist/viewDoMain/StorageAmountChangedProcessorBlock.js.map +1 -1
  87. package/dist/viewModels/memberVoucher.js +3 -3
  88. package/dist/viewModels/memberVoucher.js.map +1 -1
  89. package/dist/views/MemberOrderView.js +5 -5
  90. package/dist/views/MemberOrderView.js.map +1 -1
  91. package/dist/views/MemberStore.less +143 -143
  92. package/dist/views/MemberStoreNew.less +228 -228
  93. package/dist/views/MemberStoreNewView.js.map +1 -1
  94. package/dist/views/MemberStoreView.js.map +1 -1
  95. package/dist/views/MemberStoreViewContainer.js.map +1 -1
  96. package/dist/views/PresentDetail.less +118 -118
  97. package/dist/views/PresetDetailView.js.map +1 -1
  98. package/dist/views/memberOrder.less +54 -54
  99. package/locales/zh/tplus-portsetting.json +1 -1
  100. package/locales/zh-CN/tplus-portsetting.json +1 -1
  101. package/package.json +28 -28
package/dist/member/ShopMember.less CHANGED
@@ -1,531 +1,542 @@
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-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
+ font-size : 14px;
464
+ color : #333333;
465
+ height : 50px;
466
+ line-height : 50px;
467
+ border-bottom: 1px solid #E6E6EB;
468
+ padding-left : 20px;
469
+ overflow : hidden;
470
+ text-overflow: ellipsis;
471
+ white-space : nowrap;
472
+
473
+ &:first-child {
474
+ border-bottom: none;
475
+ }
476
+
477
+ &:last-child {
478
+ border-right : 1px solid #E6E6EB;
479
+ padding-right: 20px;
480
+ text-align : right;
481
+ }
482
+
483
+ &:nth-child(2) {
484
+ border-left: 1px solid #E6E6EB;
485
+ }
486
+ }
487
+
488
+ &:last-child {
489
+ td {
490
+ border-bottom: 1px solid #E6E6EB;
491
+ }
492
+ }
493
+ }
494
+ }
495
+ }
496
+ }
497
+
498
+ .expiration-stamp {
499
+ position: relative;
500
+ overflow: hidden;
501
+
502
+ &:after {
503
+ width : 88px;
504
+ height : 88px;
505
+ content : '';
506
+ background : @expiration-img;
507
+ background-size : contain;
508
+ background-repeat: no-repeat;
509
+ opacity : 0;
510
+ position : absolute;
511
+ padding : .1em .5em;
512
+ margin : 0 auto;
513
+ top : 60%;
514
+ left : 20%;
515
+ text-transform : uppercase;
516
+ opacity : 0;
517
+ transform-origin : 50% 50%;
518
+ transform : rotate(-12deg) scale(5);
519
+ z-index : -1;
520
+ }
521
+ }
522
+
523
+ .expiration-animate {
524
+ .expiration-stamp:after {
525
+ opacity : .45;
526
+ transform : rotate(0deg) scale(1);
527
+ z-index : 5;
528
+ transition: all .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
529
+ }
530
+ }
531
+ .memberstate-detail-stamp{
532
+ position: absolute;
533
+ top : 20px;
534
+ left : 200px;
535
+
536
+ i {
537
+ font-size: 90px;
538
+ color : fade(#FF595E, 50%);
539
+ padding-right: 10px;
540
+ }
541
+ }
542
+ }