feat:重构代码

src/components/BackIcon.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+
+import BaseIcon from "@/components/BaseIcon.vue";
+</script>
+
+<template>
+  <BaseIcon
+      title="返回"
+      icon="formkit:left"/>
+</template>
+
+<style scoped lang="scss">
+
+</style>

src/components/BaseButton.vue

@@ -8,7 +8,7 @@ interface IProps {
   disabled?: boolean
   loading?: boolean
   size?: 'small' | 'normal' | 'large',
-  type?: 'primary' | 'link'
+  type?: 'primary' | 'link' | 'info'
 }
 
 withDefaults(defineProps<IProps>(), {
@@ -87,6 +87,7 @@ defineEmits(['click'])
     height: 3rem;
     font-size: 1.1rem;
     padding: 0 1.4rem;
+
     & > span {
       font-size: 1.1rem;
     }
@@ -108,7 +109,7 @@ defineEmits(['click'])
 
 
   &.primary {
-    background: rgb(75, 85, 99);
+    background: var(--btn-primary);
   }
 
   &.link {
@@ -120,6 +121,10 @@ defineEmits(['click'])
     }
   }
 
+  &.info {
+    background: var(--btn-info);
+  }
+
   &.active {
     opacity: .4;
   }