feat: add vue-router and layout components

2026-02-23 14:40:49 +08:00 · 2025-07-02 21:17:37 +08:00
parent cc5aa89083
commit 425bd8a596
8 changed files with 152 additions and 10 deletions
--- a/open-isle-cli/src/components/HeaderComponent.vue
+++ b/open-isle-cli/src/components/HeaderComponent.vue
@@ -0,0 +1,30 @@
+<template>
+  <header class="header">
+    <div class="logo">🌴</div>
+    <button class="menu-btn" @click="$emit('toggle-menu')">☰</button>
+  </header>
+</template>
+
+<script>
+export default {
+  name: 'HeaderComponent'
+}
+</script>
+
+<style scoped>
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 20px;
+  background-color: #42b983;
+  color: white;
+}
+.menu-btn {
+  font-size: 24px;
+  background: none;
+  border: none;
+  color: inherit;
+  cursor: pointer;
+}
+</style>