tplus-member 3.49.1 → 3.49.2

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