tplus-member 1.26.2 → 1.27.2

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