bxs-tools-ui 3.2.0 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/README.md +20 -20
  2. package/es/add-and-take/index.css +1 -1
  3. package/es/add-and-take/index.js +283 -64
  4. package/es/adjust-baoe/index.css +1 -1
  5. package/es/adjust-baoe/index.js +444 -195
  6. package/es/business-card/index.css +1 -1
  7. package/es/business-card/index.js +1 -0
  8. package/es/canvas-poster/index.css +1 -1
  9. package/es/canvas-poster/index.js +1 -0
  10. package/es/index.css +1 -1
  11. package/es/index.js +936 -824
  12. package/es/insure-calculate/index.css +1 -1
  13. package/es/insure-calculate/index.js +438 -265
  14. package/es/person-info/index.css +1 -1
  15. package/es/person-info/index.js +296 -1370
  16. package/es/product-info/index.css +1 -1
  17. package/es/product-info/index.js +644 -548
  18. package/es/share-sheet/index.css +1 -1
  19. package/es/share-sheet/index.js +313 -21
  20. package/es/utils/index.js +530 -429
  21. package/lib/add-and-take/index.css +1 -1
  22. package/lib/add-and-take/index.js +283 -64
  23. package/lib/adjust-baoe/index.css +1 -1
  24. package/lib/adjust-baoe/index.js +441 -194
  25. package/lib/business-card/index.css +1 -1
  26. package/lib/business-card/index.js +1 -0
  27. package/lib/canvas-poster/index.css +1 -1
  28. package/lib/canvas-poster/index.js +1 -0
  29. package/lib/index.css +1 -1
  30. package/lib/index.js +939 -826
  31. package/lib/insure-calculate/index.css +1 -1
  32. package/lib/insure-calculate/index.js +438 -268
  33. package/lib/person-info/index.css +1 -1
  34. package/lib/person-info/index.js +295 -1372
  35. package/lib/product-info/index.css +1 -1
  36. package/lib/product-info/index.js +645 -550
  37. package/lib/share-sheet/index.css +1 -1
  38. package/lib/share-sheet/index.js +313 -25
  39. package/lib/utils/index.js +531 -433
  40. package/package.json +9 -7
  41. package/packages/add-and-take/components/interest-form.less +144 -0
  42. package/packages/add-and-take/components/interest-form.vue +179 -179
  43. package/packages/add-and-take/components/interest-items.less +87 -0
  44. package/packages/add-and-take/components/interest-items.vue +67 -80
  45. package/packages/add-and-take/components/interest-table.less +111 -0
  46. package/packages/add-and-take/components/interest-table.vue +31 -31
  47. package/packages/add-and-take/constant.ts +2 -2
  48. package/packages/add-and-take/demo/index.vue +89 -86
  49. package/packages/add-and-take/handler.ts +52 -57
  50. package/packages/add-and-take/index.less +69 -0
  51. package/packages/add-and-take/index.vue +156 -156
  52. package/packages/add-and-take/readme.md +87 -98
  53. package/packages/adjust-baoe/demo/index.vue +37 -47
  54. package/packages/adjust-baoe/index.less +125 -0
  55. package/packages/adjust-baoe/index.vue +134 -147
  56. package/packages/adjust-baoe/readme.md +35 -45
  57. package/packages/business-card/demo/index.vue +7 -7
  58. package/packages/business-card/index.less +100 -0
  59. package/packages/business-card/index.vue +18 -21
  60. package/packages/business-card/readme.md +46 -53
  61. package/packages/bxs-utils/demo/index.vue +2 -2
  62. package/packages/bxs-utils/index.ts +5 -5
  63. package/packages/bxs-utils/planbook/common.ts +56 -92
  64. package/packages/bxs-utils/planbook/index.ts +4 -4
  65. package/packages/bxs-utils/planbook/insurance.ts +137 -127
  66. package/packages/bxs-utils/planbook/person.ts +143 -147
  67. package/packages/bxs-utils/planbook/product.ts +473 -509
  68. package/packages/bxs-utils/readme.md +94 -84
  69. package/packages/bxs-utils/trade/index.js +1 -1
  70. package/packages/bxs-utils/trade/insureCalculate.js +91 -204
  71. package/packages/canvas-poster/demo/index.vue +9 -13
  72. package/packages/canvas-poster/index.less +5 -0
  73. package/packages/canvas-poster/index.vue +68 -79
  74. package/packages/canvas-poster/readme.md +106 -109
  75. package/packages/index.ts +1 -1
  76. package/packages/insure-calculate/demo/index.vue +20 -20
  77. package/packages/insure-calculate/index.less +366 -0
  78. package/packages/insure-calculate/index.vue +305 -329
  79. package/packages/insure-calculate/readme.md +99 -106
  80. package/packages/person-info/crm-popup.vue +81 -80
  81. package/packages/person-info/demo/index.vue +25 -37
  82. package/packages/person-info/index-inline.less +11 -0
  83. package/packages/person-info/index.vue +53 -83
  84. package/packages/person-info/readme.md +109 -115
  85. package/packages/planbook-input/components/footer.less +54 -0
  86. package/packages/planbook-input/components/footer.vue +8 -64
  87. package/packages/planbook-input/components/handler.js +33 -44
  88. package/packages/planbook-input/components/product-table.less +235 -0
  89. package/packages/planbook-input/components/product-table.vue +114 -108
  90. package/packages/planbook-input/demo/index.vue +3 -3
  91. package/packages/planbook-input/helper.js +852 -465
  92. package/packages/planbook-input/index.less +30 -0
  93. package/packages/planbook-input/index.vue +86 -103
  94. package/packages/planbook-input/readme.md +72 -90
  95. package/packages/product-info/demo/constant.js +1 -1
  96. package/packages/product-info/demo/index.vue +31 -43
  97. package/packages/product-info/index.less +271 -0
  98. package/packages/product-info/index.vue +198 -210
  99. package/packages/product-info/readme.md +72 -75
  100. package/packages/share-sheet/constant.js +4 -4
  101. package/packages/share-sheet/demo/index.vue +10 -10
  102. package/packages/share-sheet/handler.js +14 -14
  103. package/packages/share-sheet/index.less +201 -0
  104. package/packages/share-sheet/index.vue +39 -39
  105. package/packages/share-sheet/readme.md +121 -127
  106. package/src/api/add-and-take.js +45 -0
  107. package/src/api/adjust-baoe.js +16 -0
  108. package/src/api/index.js +6 -0
  109. package/src/api/planbook.js +93 -0
  110. package/src/api/request.js +211 -0
  111. package/src/api/trade.js +56 -0
  112. package/src/api/user.js +18 -0
  113. package/src/components/common/common-age-birthday.less +66 -0
  114. package/src/components/common/common-age-birthday.vue +27 -95
  115. package/src/components/common/common-popup.less +81 -0
  116. package/src/components/common/common-popup.vue +12 -96
  117. package/src/components/common/common-radio.less +75 -0
  118. package/src/components/common/common-radio.vue +13 -91
  119. package/src/components/common/common-select.less +13 -0
  120. package/src/components/common/common-select.vue +21 -38
  121. package/src/components/common/common-title.less +115 -0
  122. package/src/components/common/common-title.vue +24 -24
  123. package/src/js/loading.js +6 -6
  124. package/src/js/md5Token.js +38 -44
  125. package/src/js/utils.js +45 -53
  126. package/src/js/variables.js +47 -25
  127. package/src/style/base.less +18 -0
  128. package/src/style/color.less +40 -0
  129. package/src/style/variables.less +21 -42
  130. package/packages/add-and-take/api.ts +0 -70
  131. package/packages/add-and-take/components/interest-form.css +0 -146
  132. package/packages/add-and-take/components/interest-items.css +0 -87
  133. package/packages/add-and-take/components/interest-table.css +0 -113
  134. package/packages/add-and-take/index.css +0 -70
  135. package/packages/adjust-baoe/index.css +0 -123
  136. package/packages/business-card/index.css +0 -101
  137. package/packages/canvas-poster/index.css +0 -5
  138. package/packages/insure-calculate/index.css +0 -368
  139. package/packages/planbook-input/api.js +0 -29
  140. package/packages/planbook-input/components/product-table.css +0 -236
  141. package/packages/planbook-input/index.css +0 -31
  142. package/packages/product-info/index.css +0 -264
  143. package/packages/share-sheet/index.css +0 -203
  144. package/src/components/common/common-title.css +0 -116
  145. package/src/js/request.js +0 -64
  146. package/src/style/apply.css +0 -25
  147. package/src/style/base.css +0 -36
  148. package/src/style/color.css +0 -74
@@ -1,368 +0,0 @@
1
- @import 'base.css';
2
- @import 'apply.css';
3
- @import 'color.css';
4
-
5
- .bxt-calculate {
6
- position: relative;
7
-
8
- & .bxt-bg-f {
9
- background-color: #fff;
10
- box-sizing: border-box;
11
- }
12
-
13
- & .bxt-minwidth-70 {
14
- min-width: 70px;
15
- }
16
-
17
- & .bxt-component-header {
18
- position: relative;
19
- display: -webkit-box;
20
- border-bottom: 1px solid #e5e5e5;
21
- background: #fff;
22
- padding: 11px 13px;
23
- color: #333;
24
-
25
- & .bxt-component-header_title {
26
- display: block;
27
- -webkit-box-flex: 1;
28
- -webkit-box-pack: center;
29
- -webkit-box-align: center;
30
- height: 22px;
31
- line-height: 22px;
32
- font-size: 16px;
33
- font-weight: bold;
34
- margin-right: 36px;
35
- margin-left: 36px;
36
- overflow: hidden;
37
- text-overflow: ellipsis;
38
- white-space: nowrap;
39
- width: 100%;
40
- text-align: center;
41
- }
42
-
43
- & .bxt-component-header_close {
44
- font-size: 24px;
45
- position: absolute;
46
- top: 50%;
47
- -webkit-transform: translateY(-50%);
48
- transform: translateY(-50%);
49
- right: 15px;
50
- color: #ccc;
51
- }
52
- }
53
-
54
- & .bxt-sheets-footer {
55
- position: absolute;
56
- bottom: 0;
57
- left: 0;
58
- right: 0;
59
-
60
- & .bxt-footer {
61
- position: fixed;
62
- bottom: 0;
63
- left: 0;
64
- width: 100%;
65
- height: 50px;
66
- line-height: 50px;
67
- color: #fff;
68
- background: #f8f8f8;
69
- text-align: center;
70
- font-size: 13px;
71
- padding-bottom: constant(safe-area-inset-bottom);
72
- padding-bottom: env(safe-area-inset-bottom);
73
- box-sizing: border-box;
74
- border-top: 1px solid #e5e5e5;
75
- border-radius: 4px;
76
- z-index: 10;
77
- overflow: hidden;
78
-
79
- & .bxt-btn {
80
- display: inline-block;
81
- width: 94%;
82
- height: 36px;
83
- line-height: 36px;
84
- margin: 7px auto 0;
85
- border-radius: 4px;
86
- background: var(--color-primary);
87
- }
88
- }
89
- }
90
-
91
- & .bxt-content {
92
- & .bxt-value {
93
- font-size: 13px;
94
- color: #666;
95
- text-align: justify;
96
- }
97
-
98
- & .bxt-des {
99
- background-color: #fff;
100
- position: relative;
101
- padding: 0 15px 15px;
102
- font-size: 13px;
103
- color: #666;
104
- text-align: justify;
105
- }
106
-
107
- & .bxt-icon {
108
- margin-left: 6px;
109
- font-size: 12px;
110
- color: #999;
111
- }
112
- }
113
-
114
- & .bxt-component-container {
115
- background-color: #fff;
116
- box-sizing: border-box;
117
-
118
- & .bxt-select-content {
119
- position: relative;
120
- display: flex;
121
- justify-content: space-between;
122
- align-items: center;
123
- padding: 9px 15px 15px;
124
-
125
- & .bxt-select-label {
126
- font-size: 15px;
127
- }
128
-
129
- & .bxt-select-content-box {
130
- display: flex;
131
- align-items: center;
132
- flex-wrap: wrap;
133
- justify-content: flex-end;
134
- color: #333;
135
-
136
- & .bxt-select-content-item {
137
- font-size: 13px;
138
- min-width: 50px;
139
- padding: 8px 10px;
140
- border-radius: 29px;
141
- margin-left: 8px;
142
- line-height: 1;
143
- text-align: center;
144
- position: relative;
145
- display: flex;
146
- align-items: center;
147
- justify-content: center;
148
- margin-bottom: 6px;
149
- }
150
-
151
- & .bxt-select-content-item::after {
152
- content: " ";
153
- position: absolute;
154
- pointer-events: none;
155
- box-sizing: border-box;
156
- top: -50%;
157
- left: -50%;
158
- right: -50%;
159
- bottom: -50%;
160
- transform: scale(0.5);
161
- -webkit-transform: scale(0.5);
162
- border: 0 solid #ccc;
163
- border-width: 1px;
164
- border-radius: 29px;
165
- }
166
-
167
- & .bxt-select-content-item.bxt-active {
168
- color: #ff5000;
169
- }
170
-
171
- & .bxt-select-content-item.bxt-active::after {
172
- border-color: #ff5000;
173
- }
174
- }
175
- }
176
-
177
- & .bxt-select-content::after {
178
- content: "";
179
- position: absolute;
180
- top: auto;
181
- right: 0;
182
- bottom: 0;
183
- left: 0;
184
- width: 100%;
185
- height: 1px;
186
- background-color: #e5e5e5;
187
- transform-origin: 0 100%;
188
- transform: scaleY(0.5);
189
- }
190
-
191
- & .bxt-flex-center {
192
- display: flex;
193
- justify-content: space-between;
194
- align-items: center;
195
- color: #ff5000;
196
-
197
- & .bxt-red {
198
- color: #ff5000;
199
- }
200
-
201
- & .bxt-select-text {
202
- position: relative;
203
- font-size: 13px;
204
- min-width: 30px;
205
- padding: 8px 24px 8px 16px;
206
- border-radius: 29px;
207
- line-height: 1;
208
- text-align: center;
209
- display: flex;
210
- align-items: center;
211
- justify-content: center;
212
- color: #ff5000;
213
- }
214
-
215
- & .bxt-select-text::after {
216
- content: " ";
217
- position: absolute;
218
- pointer-events: none;
219
- box-sizing: border-box;
220
- top: -50%;
221
- left: -50%;
222
- right: -50%;
223
- bottom: -50%;
224
- transform: scale(0.5);
225
- -webkit-transform: scale(0.5);
226
- border: 0 solid #ccc;
227
- border-width: 1px;
228
- border-radius: 29px;
229
- border-color: #ff5000;
230
- }
231
-
232
- & .bxt-select-text::before {
233
- position: absolute;
234
- border-left: 4px solid transparent;
235
- border-right: 4px solid transparent;
236
- border-top: 6px solid #ff5000;
237
- content: " ";
238
- display: block;
239
- width: 0;
240
- height: 0;
241
- top: 12px;
242
- right: 13px;
243
- }
244
- }
245
-
246
- & .bxt-calendar {
247
- & .bxt-calendar-text {
248
- height: 30px;
249
- line-height: 30px;
250
- border-radius: 15px;
251
- text-align: center;
252
- padding: 0 20px;
253
- position: relative;
254
- color: #ff5000;
255
- }
256
-
257
- & .bxt-calendar-text::after {
258
- content: " ";
259
- position: absolute;
260
- pointer-events: none;
261
- box-sizing: border-box;
262
- top: -50%;
263
- left: -50%;
264
- right: -50%;
265
- bottom: -50%;
266
- transform: scale(0.5);
267
- border: 0 solid #ccc;
268
- border-width: 1px;
269
- border-radius: 30px;
270
- border-color: #ff5000;
271
- }
272
-
273
- & .bxt-signin {
274
- width: 18px;
275
- height: 18px;
276
- margin-right: -5px;
277
- margin-left: 6px;
278
- }
279
- }
280
- }
281
-
282
- & .bxt-insure-calculte {
283
- overflow: hidden;
284
- }
285
-
286
- & .bxt-input-box {
287
- text-align: right;
288
-
289
- & .bxt-input-content .bxt-input-text {
290
- border: 1px solid #ddd;
291
- width: 60px;
292
- height: 26px;
293
- line-height: 26px;
294
- box-sizing: border-box;
295
- padding: 6px;
296
- margin-right: 6px;
297
- border-radius: 2px;
298
- font-size: 13px;
299
- color: #333;
300
-
301
- &:focus {
302
- outline: none;
303
- border-color: #ff5000;
304
- }
305
- }
306
- }
307
-
308
- & .bxt-input-extra {
309
- margin-top: 3px;
310
- color: #999;
311
- font-size: 12px;
312
- text-align: right;
313
- }
314
-
315
- & .bxt-block {
316
-
317
- /* height: 54px; */
318
- width: 100%;
319
- display: flex;
320
- align-items: center;
321
- justify-content: space-between;
322
- padding: 15px;
323
- box-sizing: border-box;
324
- }
325
-
326
- & .bxt-block-term {
327
- line-height: 1;
328
- width: 100%;
329
- display: flex;
330
- align-items: center;
331
- justify-content: space-between;
332
- padding: 15px;
333
- box-sizing: border-box;
334
- }
335
-
336
- & .bxt-bb1 {
337
- border-bottom: 1px solid #f5f5f5;
338
- }
339
-
340
- & .bxt-mr15 {
341
- margin-right: 15px;
342
- }
343
-
344
- & .bxt-flex1 {
345
- flex: 1;
346
- min-width: 66px;
347
- }
348
-
349
- & .bxt-fs30 {
350
- font-size: 15px;
351
- }
352
-
353
- & .bxt-fs13 {
354
- font-size: 13px;
355
- }
356
-
357
- & .bxt-color-3 {
358
- color: #333;
359
- }
360
-
361
- & .bxt-lh12 {
362
- line-height: 1.2;
363
- }
364
- }
365
-
366
- .bxt-calculate.bxt-with-footer {
367
- padding-bottom: 50px;
368
- }
@@ -1,29 +0,0 @@
1
- import QS from 'qs';
2
- import { PLANBOOK_API_HOSTNAME } from '@src/js/variables.js';
3
-
4
- const apiBaseUrl = `${PLANBOOK_API_HOSTNAME}/planBook`;
5
-
6
- export function getPlanbookData(params) {
7
- let apiPromise = fetch(`${apiBaseUrl}/V2/getInitData?${QS.stringify(params)}`, {
8
- credentials: 'include'
9
- });
10
- if (params.publicPbUuid) {
11
- apiPromise = fetch(`${apiBaseUrl}/public/init`, {
12
- method: 'POST',
13
- credentials: 'include',
14
- headers: {
15
- Accept: 'application/json, text/plain, */*',
16
- 'Content-Type': 'application/x-www-form-urlencoded'
17
- },
18
- body: QS.stringify(params)
19
- });
20
- }
21
- return apiPromise
22
- .then(response => response.json())
23
- .then(({ success, data, info }) => {
24
- if (success && data) {
25
- return data;
26
- }
27
- return Promise.reject(info);
28
- });
29
- }
@@ -1,236 +0,0 @@
1
- @import 'base.css';
2
- @import 'apply';
3
- @import 'color.css';
4
-
5
- .bxt-product-show {
6
- & .bxt-product-show-container {
7
- padding: 12px;
8
- background: #fff;
9
- border-radius: 6px;
10
-
11
- & .bxt-product-header {
12
- position: relative;
13
- font-size: 15px;
14
- font-weight: bold;
15
-
16
- & .bx-button {
17
- line-height: normal;
18
- }
19
-
20
- & .bxt-product-header-title {
21
- @apply (--noWrap);
22
-
23
- width: 80%;
24
-
25
- &.`--delete {
26
- width: 63%;
27
- }
28
- }
29
-
30
- & .bxt-product-header-btn {
31
- position: absolute;
32
- top: 50%;
33
- right: 0;
34
- transform: translateY(-50%);
35
-
36
- & .bxt-button-delete {
37
- margin-right: 5px;
38
- }
39
- }
40
- }
41
-
42
- & .bxt-product-body {
43
- & .bxt-product-baof {
44
- line-height: 32px;
45
- font-size: 13px;
46
- font-weight: normal;
47
- color: var(--color-text-minor);
48
- }
49
-
50
- & .bxt-product-table {
51
- width: 100%;
52
- margin-top: 12px;
53
- font-size: 14px;
54
- color: var(--color-text-patch);
55
- border-spacing: 0;
56
-
57
- & tr {
58
- & td {
59
- padding: 6px 6px;
60
- border-top: 1px solid var(--color-line-split);
61
- border-left: 1px solid var(--color-line-split);
62
- min-width: 3rem;
63
- text-align: center;
64
-
65
- &:first-child {
66
- width: 7rem;
67
- text-align: justify;
68
- }
69
-
70
- &:last-child {
71
- width: 3rem;
72
- border-right: 1px solid var(--color-line-split);
73
- }
74
- }
75
-
76
- &:first-child {
77
- & td {
78
- text-align: center;
79
- }
80
- }
81
-
82
- &:last-child {
83
- & td {
84
- border-bottom: 1px solid var(--color-line-split);
85
- }
86
- }
87
- }
88
- }
89
- }
90
- }
91
-
92
- & .bxt-product-aat-container {
93
- & .bxt-product-aat-table {
94
- width: 100%;
95
- margin-top: 9px;
96
- border-collapse: collapse;
97
- font-size: 14px;
98
-
99
- & .bxt-product-aat-caption {
100
- display: flex;
101
- position: relative;
102
- line-height: normal;
103
- padding: 8px;
104
- border: 1px solid var(--color-line-split);
105
- text-align: left;
106
-
107
- & span {
108
- & em,
109
- & .icon-more_circle {
110
- margin-left: 5px;
111
- vertical-align: middle;
112
- }
113
- }
114
-
115
- & span:first-child {
116
- @apply --noWrap;
117
-
118
- flex: 1;
119
- font-weight: bold;
120
- }
121
-
122
- & span:last-child {
123
- font-weight: normal;
124
- font-size: 14px;
125
- color: var(--color-primary);
126
- text-align: right;
127
- }
128
-
129
- & h5 {
130
- @apply --noWrap;
131
-
132
- width: 65%;
133
- display: inline-block;
134
- vertical-align: middle;
135
- font-size: 14px;
136
- }
137
-
138
- & .bxt-product-aat-modify {
139
- vertical-align: middle;
140
- color: var(--color-primary);
141
-
142
- & span {
143
- margin-left: 16px;
144
- }
145
- }
146
- }
147
-
148
- & tbody {
149
- & tr {
150
- & td {
151
- min-width: 24px;
152
- padding: 8px 8px 5px;
153
- border-bottom: 1px solid var(--color-line-split);
154
- border-left: 1px solid var(--color-line-split);
155
- text-align: center;
156
- color: var(--color-text-patch);
157
- vertical-align: middle;
158
-
159
- &.first-child {
160
- width: 50px;
161
- }
162
-
163
- &.second-child {
164
- width: 110px;
165
- }
166
-
167
- &:last-child {
168
- border-right: 1px solid var(--color-line-split);
169
- }
170
- }
171
- }
172
- }
173
- }
174
- }
175
-
176
- & .bxt-product-ade-container {
177
- margin-top: 1rem;
178
- text-align: left;
179
- font-size: 14px;
180
- overflow: auto;
181
-
182
- & table {
183
- width: 100%;
184
- border-collapse: collapse;
185
-
186
- & caption {
187
- position: relative;
188
- padding: 12px 8px 10px;
189
- border: 1px solid var(--color-line-split);
190
- text-align: left;
191
-
192
- & h5 {
193
- @apply --noWrap;
194
-
195
- width: 15rem;
196
- font-size: 14px;
197
- }
198
-
199
- & .bxt-product-ade-button {
200
- @apply --vertical-center;
201
-
202
- display: inline-block;
203
- color: var(--color-primary);
204
- right: 8px;
205
- }
206
- }
207
-
208
- & thead,
209
- & tbody {
210
- text-align: center;
211
-
212
- & tr {
213
- display: table-row;
214
-
215
- & td {
216
- position: relative;
217
- border-bottom: 1px solid var(--color-line-split);
218
- border-left: 1px solid var(--color-line-split);
219
- min-width: 36px;
220
- color: var(--color-text-patch);
221
- vertical-align: middle;
222
- padding: 10px 8px 8px;
223
-
224
- &:first-child {
225
- width: 36px;
226
- }
227
-
228
- &:last-child {
229
- border-right: 1px solid var(--color-line-split);
230
- }
231
- }
232
- }
233
- }
234
- }
235
- }
236
- }
@@ -1,31 +0,0 @@
1
- @import 'base.css';
2
- @import 'color.css';
3
-
4
- .bxt-planbook {
5
- min-height: 100vh;
6
- font-size: 14px;
7
- box-sizing: border-box;
8
- background: var(--color-bg-primary);
9
-
10
- &::after {
11
- display: block;
12
- height: 52px;
13
- content: '';
14
- padding-bottom: constant(safe-area-inset-bottom);
15
- padding-bottom: env(safe-area-inset-bottom);
16
- box-sizing: content-box;
17
- }
18
-
19
- & .bxt-planbook-person {
20
- padding: 9px;
21
-
22
- & .bxt-person-container {
23
- border-radius: 6px;
24
- overflow: hidden;
25
- }
26
- }
27
-
28
- & .bxt-planbook-product {
29
- padding: 0 9px 9px;
30
- }
31
- }