From 666576fefa2371a44b7e84e444e74eed15563039 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期三, 25 十月 2023 18:03:43 +0800
Subject: [PATCH] chore: 配置组件库/图标库/axios
---
src/App.vue | 72 +++++-------------------------------
1 files changed, 10 insertions(+), 62 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 7905b05..64293dd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,49 +1,24 @@
-<script setup lang="ts">
-import { RouterLink, RouterView } from 'vue-router'
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
<template>
- <header>
- <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
-
- <div class="wrapper">
- <HelloWorld msg="You did it!" />
-
- <nav>
- <RouterLink to="/">Home</RouterLink>
- <RouterLink to="/about">About</RouterLink>
- </nav>
- </div>
- </header>
-
+ <nav>
+ <RouterLink to="/">Home</RouterLink>
+ <RouterLink to="/about">About</RouterLink>
+ </nav>
<RouterView />
</template>
+<script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
+</script>
+
<style scoped>
-header {
- line-height: 1.5;
- max-height: 100vh;
-}
-
-.logo {
- display: block;
- margin: 0 auto 2rem;
-}
-
nav {
width: 100%;
- font-size: 12px;
+ font-size: 24px;
text-align: center;
- margin-top: 2rem;
}
nav a.router-link-exact-active {
- color: var(--color-text);
-}
-
-nav a.router-link-exact-active:hover {
- background-color: transparent;
+ color: var(--el-color-primary);
}
nav a {
@@ -54,32 +29,5 @@
nav a:first-of-type {
border: 0;
-}
-
-@media (min-width: 1024px) {
- header {
- display: flex;
- place-items: center;
- padding-right: calc(var(--section-gap) / 2);
- }
-
- .logo {
- margin: 0 2rem 0 0;
- }
-
- header .wrapper {
- display: flex;
- place-items: flex-start;
- flex-wrap: wrap;
- }
-
- nav {
- text-align: left;
- margin-left: -1rem;
- font-size: 1rem;
-
- padding: 1rem 0;
- margin-top: 1rem;
- }
}
</style>
--
Gitblit v1.8.0