孙一石

src/views/xjc-integratedmachine/components/head_component.vue

@@ -0,0 +1,23 @@
+<template>
+    <div class="contenter">
+        <el-button>返回</el-button>
+        <div>title</div>
+        <div>头像</div>
+        <el-button>退出</el-button>
+        <el-button>使用说明</el-button>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "headcomponent"
+    }
+</script>
+
+<style scoped>
+    .contenter{
+        width: 100%;
+        display: flex;
+        flex-direction: row;
+    }
+</style>

src/views/xjc-integratedmachine/wakeup/index.vue

@@ -1,12 +1,17 @@
 <template>
+    <head-component></head-component>
     <div style="display: flex">
-        <div style="width:20vw;height: 10vh;background: #85eff5;border: solid 1px #a2fffc;border-radius: 10px;cursor: pointer" @click="goto">
+        <div style="width:20vw;height: 10vh;background: #85eff5;border: solid 1px #a2fffc;border-radius: 10px;cursor: pointer"
+             @click="goto">
             生涯彩虹图
         </div>
     </div>
 </template>
 
 <script setup>
+    import headComponent from '@/views/xjc-integratedmachine/components/head_component.vue'
+
+
     const router = useRouter()
 
     function goto() {
@@ -15,11 +20,6 @@
 
 </script>
 
-<script>
-    export default {
-        name: "index"
-    }
-</script>
 
 <style scoped>