From 6a420244e320358721663593d022c7670e0eb5d8 Mon Sep 17 00:00:00 2001
From: Odboy <tianjun@odboy.cn>
Date: Fri, 30 Jan 2026 19:08:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(components):=20=E6=B7=BB=E5=8A=A0=20CuteBu?=
 =?UTF-8?q?tton=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 创建了统一风格的按钮组件
- 集成了 Element UI 的 el-button 组件
- 支持 type、disabled、loading 等属性配置
- 实现了点击事件传递功能
- 设置了默认的 mini 尺寸样式
- 添加了组件的基础文档注释
---
 .../src/views/components/dev/CuteButton.vue   | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 cutejava-front/src/views/components/dev/CuteButton.vue

diff --git a/cutejava-front/src/views/components/dev/CuteButton.vue b/cutejava-front/src/views/components/dev/CuteButton.vue
new file mode 100644
index 00000000..e6153b86
--- /dev/null
+++ b/cutejava-front/src/views/components/dev/CuteButton.vue
@@ -0,0 +1,43 @@
+<!--
+ * 统一按钮风格
+ * @author odboy
+ * @email tianjun@odboy.cn
+ * @created 2026-01-30
+ -->
+<template>
+  <el-button
+    :type="type"
+    size="mini"
+    :disabled="disabled"
+    :loading="loading"
+    @click="handleClick"
+  >
+    <slot />
+  </el-button>
+</template>
+
+<script>
+export default {
+  name: 'CuteButton',
+  props: {
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    handleClick(event) {
+      this.$emit('click', event)
+    }
+  }
+}
+</script>
+