git clone from github

src/views/Login/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <h1>這是 Login 頁</h1>
+</template>

src/views/MainContainer.vue

@@ -0,0 +1,16 @@
+<template>
+  <header>
+    <Header />
+  </header>
+  <h1>這是 MainContainer 頁</h1>
+</template>
+
+<script>
+import Header from "./header/index.vue"
+
+export default {
+  components: {
+    Header,
+  },
+};
+</script>

src/views/header/index.vue

@@ -0,0 +1,27 @@
+<template>
+  <h1>這是 Header 頁</h1>
+  <div class="flex flex-col relative h-full">
+        <div class="w-full flex">
+            <img src="../../assets/DSP_LOGO.svg" class="h-10"/>
+        </div>
+        <div class="flex w-full bg-[#61696F] text-white justify-between shadow-md shadow-black:opacity-25 z-20 h-[2.5rem]">
+            <div class="pl-2 flex w-1/3">
+                <span class="m-2 leading-6 pr-4 cursor-pointer border-r border-white "
+                >
+                  Save
+                </span>
+            </div>
+            <div class="pl-2 flex items-center w-1/3 justify-center">
+                <a-breadcrumb class="flex text-[#c0c0c0]">
+                    <a-breadcrumb-item>name</a-breadcrumb-item>
+                    <a-breadcrumb-item>name</a-breadcrumb-item>
+                </a-breadcrumb>
+            </div>
+            <div class="w-1/3"></div>
+        </div>
+    </div>
+</template>
+
+<script>
+
+</script>