@mptw/skylens-ui 1.4.8 → 1.4.9
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.
- package/components/SLTabs.vue +50 -7
- package/package.json +1 -1
package/components/SLTabs.vue
CHANGED
|
@@ -59,7 +59,7 @@ export default defineComponent({
|
|
|
59
59
|
type: {
|
|
60
60
|
type: Number,
|
|
61
61
|
default: 1,
|
|
62
|
-
validator: (value: number) => [1, 2, 3, 4, 5].includes(value),
|
|
62
|
+
validator: (value: number) => [1, 2, 3, 4, 5, 6].includes(value),
|
|
63
63
|
},
|
|
64
64
|
activeTab: {
|
|
65
65
|
type: Number,
|
|
@@ -383,18 +383,19 @@ export default defineComponent({
|
|
|
383
383
|
|
|
384
384
|
&.tabs-type-5
|
|
385
385
|
& > .tabs-nav
|
|
386
|
-
@apply
|
|
386
|
+
@apply flex items-start justify-between h-0 mb-4 space-x-8 overflow-hidden
|
|
387
387
|
@apply s('lg:space-x-30')
|
|
388
388
|
|
|
389
389
|
&.show
|
|
390
390
|
@apply h-auto
|
|
391
391
|
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
392
|
+
.tabs-nav-left
|
|
393
|
+
&:before
|
|
394
|
+
content ""
|
|
395
|
+
@apply absolute right-0 bottom-0 left-0 h-px s('rounded-[1px]') bg-primary-lighter
|
|
395
396
|
|
|
396
397
|
.tabs-nav-left
|
|
397
|
-
@apply flex-grow overflow-hidden
|
|
398
|
+
@apply relative flex-grow overflow-hidden
|
|
398
399
|
|
|
399
400
|
.tabs-nav-right
|
|
400
401
|
@apply flex-grow-0 flex-shrink-0
|
|
@@ -422,9 +423,51 @@ export default defineComponent({
|
|
|
422
423
|
.tab-pane
|
|
423
424
|
@apply space-y-8
|
|
424
425
|
|
|
426
|
+
&.tabs-type-6
|
|
427
|
+
& > .tabs-nav
|
|
428
|
+
@apply flex items-start justify-between h-0 mb-6 space-x-8 overflow-hidden
|
|
429
|
+
@apply s('lg:space-x-30')
|
|
430
|
+
|
|
431
|
+
&.show
|
|
432
|
+
@apply h-auto
|
|
433
|
+
|
|
434
|
+
.tabs-nav-left
|
|
435
|
+
&:before
|
|
436
|
+
content ""
|
|
437
|
+
@apply absolute right-0 bottom-0 left-0 h-1 s('bg-[#DFE1E9]')
|
|
438
|
+
|
|
439
|
+
.tabs-nav-left
|
|
440
|
+
@apply relative flex-grow-0 flex-shrink-0
|
|
441
|
+
|
|
442
|
+
.tabs-nav-right
|
|
443
|
+
@apply flex-grow-0 flex-shrink-0
|
|
444
|
+
|
|
445
|
+
ul
|
|
446
|
+
@apply inline-flex items-start
|
|
447
|
+
|
|
448
|
+
.tab-nav-item
|
|
449
|
+
@apply relative
|
|
450
|
+
|
|
451
|
+
&.active
|
|
452
|
+
&:after
|
|
453
|
+
content ""
|
|
454
|
+
@apply block absolute right-0 bottom-0 left-0 h-1 bg-blue-1
|
|
455
|
+
|
|
456
|
+
.tab-nav-item-link
|
|
457
|
+
@apply text-blue-1 cursor-default
|
|
458
|
+
|
|
459
|
+
&-link
|
|
460
|
+
@apply relative block pt-1 px-6 pb-2 text-base s('text-[#90A8D7]')
|
|
461
|
+
|
|
462
|
+
&-title
|
|
463
|
+
@apply truncate
|
|
464
|
+
|
|
465
|
+
.tab-pane
|
|
466
|
+
@apply space-y-8
|
|
467
|
+
|
|
425
468
|
& > .tabs-content
|
|
426
469
|
.tabs
|
|
427
470
|
& > .tabs-content
|
|
428
471
|
@apply shadow-md
|
|
429
472
|
</style>
|
|
430
|
-
|
|
473
|
+
|