新增danger类型按钮

src/components/base/BaseButton.vue

@@ -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);