diff --git a/frontend/src/components/AuthButton.vue b/frontend/src/components/AuthButton.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ad5d3cb41b1a737f6bf6a35813550796db08d841
--- /dev/null
+++ b/frontend/src/components/AuthButton.vue
@@ -0,0 +1,30 @@
+<template>
+    <el-button type="primary" plain v-if="showBtn" :disabled="disabled">
+        <slot></slot>
+    </el-button>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+
+const props = defineProps({
+    auth: {
+        type: String,
+    }
+})
+
+// 控制是否在未授权情况下显示按钮
+const showBtn = computed(() => {
+    // TODO: 
+    return true
+})
+// 控制是否使能按钮
+const disabled = computed(() => {
+    // TODO: 
+    return true
+})
+
+</script>
+
+<style scoped lang="scss">
+</style>
\ No newline at end of file