feat: 新增图标按钮组件

src/components/A_NewComponents/Button/IconButton.vue

+<template>
+  <div
+    class="icon-btn"
+    :class="{ disabled: disabled }"
+    :style="{ width: size + 'px', height: size + 'px' }"
+  >
+    <Icon class="icon" :icon="icon" :size="size * 0.5" />
+  </div>
+</template>
+
+<script setup lang="ts">
+interface IconButtonProps {
+  size?: number
+  icon: string
+  disabled?: boolean
+}
+
+withDefaults(defineProps<IconButtonProps>(), {
+  size: 40,
+  icon: '',
+  disabled: false
+})
+</script>
+
+<style lang="scss" scoped>
+.icon-btn {
+  background-image: url('@/assets/imgs/button/icon_btn.png');
+  background-size: 100% 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  transition: filter 0.2s;
+
+  .icon {
+    color: #ffffffb5;
+  }
+
+  /* hover 变亮 */
+  &:hover {
+    filter: brightness(1.2);
+    background-color: transparent;
+  }
+
+  /* 按下变暗 */
+  &:active:not(.disabled) {
+    filter: brightness(0.95);
+    background-color: transparent;
+  }
+
+  /* 禁用状态 */
+  &.disabled {
+    filter: brightness(0.9);
+    cursor: not-allowed;
+  }
+}
+</style>