|
|
@@ -22,7 +22,7 @@ const props = defineProps({
|
|
|
variant: {
|
|
|
type: String,
|
|
|
default: 'default',
|
|
|
- validator: (v) => ['default', 'primary', 'warning', 'outline'].includes(v),
|
|
|
+ validator: (v) => ['default', 'primary', 'warning', 'outline', 'danger'].includes(v),
|
|
|
},
|
|
|
size: {
|
|
|
type: String,
|
|
|
@@ -79,6 +79,12 @@ const rootClass = computed(() => [
|
|
|
border: 1px solid rgba(255, 204, 51, 0.6);
|
|
|
}
|
|
|
|
|
|
+.nav-tab-item--danger {
|
|
|
+ background-color: #fff;
|
|
|
+ color: rgba(220, 50, 30, 1);
|
|
|
+ border-color: rgba(220, 50, 30, 0.4);
|
|
|
+}
|
|
|
+
|
|
|
.nav-tab-item--outline {
|
|
|
background: var(--color-surface);
|
|
|
border: 1px solid var(--color-input-border);
|
