From eed1211c6ab213c32856a1cd64e0c7742db7e04a Mon Sep 17 00:00:00 2001
From: algerkong <1455048564@qq.com>
Date: Mon, 19 Jul 2021 23:13:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B2=A1=E5=95=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
index.html | 2 +-
src/App.vue | 6 ++-
src/layout/AppLayout.vue | 61 ++-----------------------------
src/layout/components/AppMenu.vue | 2 +-
src/views/home/index.vue | 14 ++++++-
5 files changed, 22 insertions(+), 63 deletions(-)
diff --git a/index.html b/index.html
index d74798c..af994f7 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
Vite App
-
+
diff --git a/src/App.vue b/src/App.vue
index cafeed7..d3abfbe 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,10 +1,12 @@
-
+
-
+
diff --git a/src/layout/AppLayout.vue b/src/layout/AppLayout.vue
index a1f9011..0e8a598 100644
--- a/src/layout/AppLayout.vue
+++ b/src/layout/AppLayout.vue
@@ -11,46 +11,6 @@
import { ref } from '@vue/reactivity';
import { AppMenu } from './components';
let menus = ref([
- {
- href: '/',
- icon: "icon-homefill",
- text: "hello"
- },
- {
- href: '/main',
- icon: "icon-peoplefill",
- text: "hello"
- },
- {
- href: '/',
- icon: "icon-homefill",
- text: "hello"
- },
- {
- href: '/main',
- icon: "icon-peoplefill",
- text: "hello"
- },
- {
- href: '/',
- icon: "icon-homefill",
- text: "hello"
- },
- {
- href: '/main',
- icon: "icon-peoplefill",
- text: "hello"
- },
- {
- href: '/',
- icon: "icon-homefill",
- text: "hello"
- },
- {
- href: '/main',
- icon: "icon-peoplefill",
- text: "hello"
- },
{
href: '/',
icon: "icon-homefill",
@@ -66,21 +26,6 @@ let menus = ref([
icon: "icon-videofill",
text: "hello"
},
- {
- href: '/',
- icon: "icon-videofill",
- text: "hello"
- },
- {
- href: '/',
- icon: "icon-videofill",
- text: "hello"
- },
- {
- href: '/',
- icon: "icon-videofill",
- text: "hello"
- }
])
@@ -88,7 +33,7 @@ let menus = ref([
.layout-page {
width: 100vw;
height: 100vh;
- @apply flex justify-center items-center;
+ @apply flex justify-center items-center overflow-hidden;
}
.layout-main {
@@ -96,10 +41,10 @@ let menus = ref([
height: 800px;
width: 1400px;
.menu {
- width: 70px;
+ width: 90px;
}
.main {
- @apply p-4;
+ @apply pt-6 pr-6 pb-6;
flex: 1;
}
}
diff --git a/src/layout/components/AppMenu.vue b/src/layout/components/AppMenu.vue
index e62f4ba..c582c66 100644
--- a/src/layout/components/AppMenu.vue
+++ b/src/layout/components/AppMenu.vue
@@ -53,7 +53,7 @@ onMounted(() => {