diff --git a/urbanLifelineWeb/packages/shared/src/components/base/button/Button.vue b/urbanLifelineWeb/packages/shared/src/components/base/button/Button.vue
new file mode 100644
index 0000000..9eafb2d
--- /dev/null
+++ b/urbanLifelineWeb/packages/shared/src/components/base/button/Button.vue
@@ -0,0 +1,16 @@
+<template>
+    <button :type="type" :style="style"></button>
+</template>
+<script setup lang="ts">
+interface Props{
+    type: 'button' | 'submit' | 'reset',
+    style: string
+}
+
+const props = defineProps<Props>()
+
+</script>
+
+<style lang="scss" scoped>
+@import url("./button.scss");
+</style>
diff --git a/urbanLifelineWeb/packages/shared/src/components/base/button/button.scss b/urbanLifelineWeb/packages/shared/src/components/base/button/button.scss
new file mode 100644
index 0000000..e69de29
diff --git a/urbanLifelineWeb/packages/shared/src/components/base/index.ts b/urbanLifelineWeb/packages/shared/src/components/base/index.ts
new file mode 100644
index 0000000..f63d499
--- /dev/null
+++ b/urbanLifelineWeb/packages/shared/src/components/base/index.ts
@@ -0,0 +1 @@
+export { default as Button } from './button/Button.vue'
\ No newline at end of file
diff --git a/urbanLifelineWeb/packages/shared/src/components/fileupload/FileUpload.vue b/urbanLifelineWeb/packages/shared/src/components/fileupload/FileUpload.vue
index df1f34e..92ac357 100644
--- a/urbanLifelineWeb/packages/shared/src/components/fileupload/FileUpload.vue
+++ b/urbanLifelineWeb/packages/shared/src/components/fileupload/FileUpload.vue
@@ -1,10 +1,24 @@
 <template>
-	<div>
-		
+	<div v-if="mode==='cover'">
+		<!-- 封面的文件上传，只可传一张图片，上传成功后，封面图片会替换 -->
+	</div>
+	<div v-if="mode==='dialog'">
+		<!-- 文件上传弹窗，可传多个文件，上传成功后，文件列表会更新 -->
+	</div>
+	<div v-if="mode==='content'">
+		<!-- 嵌入原div文件上传内容，可传多个文件，上传成功后，文件列表会更新 -->
 	</div>
 </template>
 <script setup lang="ts">
+import { Button } from '@/components'
+import { FILE_DOWNLOAD_URL } from '@/config'
+interface Props{
+	mode: 'cover' | 'dialog' | 'content'
+	coverImg: string
+	fileList: FileList
+}
 
+const props = defineProps<Props>()
 </script>
 
 <style lang="scss" scoped>
diff --git a/urbanLifelineWeb/packages/shared/src/components/index.ts b/urbanLifelineWeb/packages/shared/src/components/index.ts
index a51d8a0..99ff3c7 100644
--- a/urbanLifelineWeb/packages/shared/src/components/index.ts
+++ b/urbanLifelineWeb/packages/shared/src/components/index.ts
@@ -1 +1,2 @@
-export * from './fileupload'
\ No newline at end of file
+export * from './fileupload'
+export * from './base'
\ No newline at end of file