|
@@ -1,9 +1,29 @@
|
|
<script setup lang="ts">
|
|
<script setup lang="ts">
|
|
-import Skeleton from './Skeleton.vue';
|
|
|
|
|
|
+
|
|
|
|
+import { RouterView } from 'vue-router';
|
|
|
|
+
|
|
|
|
+import SideMenu from './components/Menu.vue';
|
|
|
|
+import Footer from './components/Footer.vue';
|
|
|
|
+
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<template>
|
|
- <Skeleton/>
|
|
|
|
|
|
+ <div class="container">
|
|
|
|
+ <div class="aside">
|
|
|
|
+ <div class="avatar-box">
|
|
|
|
+ <img src="./assets/headset.jpg" alt="avatar" class="avatar" />
|
|
|
|
+ <div class="info">
|
|
|
|
+ <span class="blogger">枫叶秋林</span>
|
|
|
|
+ <span class="desc">枫林天天忙,不想写代码</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <SideMenu />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="main">
|
|
|
|
+ <RouterView />
|
|
|
|
+ <Footer />
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<style scoped>
|
|
<style scoped>
|