tplus-member 3.41.1 → 3.42.2

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