diff --git a/src/components/Problem.vue b/src/components/Problem.vue
new file mode 100644
index 0000000..863125d
--- /dev/null
+++ b/src/components/Problem.vue
@@ -0,0 +1,16 @@
+<template>
+	<!-- html -->
+	<div class="Problem">
+	Problem
+	</div>
+</template>
+
+<script lang="ts" setup name="Problem">
+	// 引入响应式条件
+	import {ref,reactive} from 'vue'
+	
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/components/Service.vue b/src/components/Service.vue
new file mode 100644
index 0000000..c023a19
--- /dev/null
+++ b/src/components/Service.vue
@@ -0,0 +1,16 @@
+<template>
+	<!-- html -->
+	<div class="Service">
+	Service
+	</div>
+</template>
+
+<script lang="ts" setup name="Service">
+	// 引入响应式条件
+	import {ref,reactive} from 'vue'
+	
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file