diff --git a/index.html b/index.html
index 99f583a..ddab223 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
- Vite App
+ 排序可视化 by Luthics
diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcf..1e8314b 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/assets/base.css b/src/assets/base.css
deleted file mode 100644
index d3de42e..0000000
--- a/src/assets/base.css
+++ /dev/null
@@ -1,73 +0,0 @@
-/* color palette from */
-:root {
- --vt-c-white: #ffffff;
- --vt-c-white-soft: #f8f8f8;
- --vt-c-white-mute: #f2f2f2;
-
- --vt-c-black: #181818;
- --vt-c-black-soft: #222222;
- --vt-c-black-mute: #282828;
-
- --vt-c-indigo: #2c3e50;
-
- --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
- --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
- --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
- --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
-
- --vt-c-text-light-1: var(--vt-c-indigo);
- --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
- --vt-c-text-dark-1: var(--vt-c-white);
- --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
-}
-
-/* semantic color variables for this project */
-:root {
- --color-background: var(--vt-c-white);
- --color-background-soft: var(--vt-c-white-soft);
- --color-background-mute: var(--vt-c-white-mute);
-
- --color-border: var(--vt-c-divider-light-2);
- --color-border-hover: var(--vt-c-divider-light-1);
-
- --color-heading: var(--vt-c-text-light-1);
- --color-text: var(--vt-c-text-light-1);
-
- --section-gap: 160px;
-}
-
-@media (prefers-color-scheme: dark) {
- :root {
- --color-background: var(--vt-c-black);
- --color-background-soft: var(--vt-c-black-soft);
- --color-background-mute: var(--vt-c-black-mute);
-
- --color-border: var(--vt-c-divider-dark-2);
- --color-border-hover: var(--vt-c-divider-dark-1);
-
- --color-heading: var(--vt-c-text-dark-1);
- --color-text: var(--vt-c-text-dark-2);
- }
-}
-
-*,
-*::before,
-*::after {
- box-sizing: border-box;
- margin: 0;
- font-weight: normal;
-}
-
-body {
- min-height: 100vh;
- color: var(--color-text);
- background: var(--color-background);
- transition: color 0.5s, background-color 0.5s;
- line-height: 1.6;
- font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
- Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
- font-size: 15px;
- text-rendering: optimizeLegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
deleted file mode 100644
index 7565660..0000000
--- a/src/assets/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index b45d005..0f0d824 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -9,16 +9,21 @@ const handleSelect = (key: string, keyPath: string[]) => {
- 排序可视化
+
+
+
+
+ 首页
+
冒泡排序
插入排序
选择排序
- 希尔排序
- 快速排序
- 归并排序
- 堆排序
- 锦标赛排序
- 基数排序
+ 希尔排序
+ 快速排序
+ 归并排序
+ 堆排序
+ 锦标赛排序
+ 基数排序
@@ -28,6 +33,4 @@ const handleSelect = (key: string, keyPath: string[]) => {
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index f08d063..54af359 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -4,9 +4,15 @@
-
+
请从导航栏中选择你想查看的项目
+
+ 目前仅简单排序可用
+
+
+ Created by Luthics
+
@@ -16,10 +22,16 @@
color: black;
}
+.dt {
+ font-size: 2rem;
+ color: black;
+}
+
.ct {
display: flex;
justify-content: center;
align-items: center;
+ flex-direction: column;
background-color: rgba(255, 255, 255, 0.5);
/* border: 1px solid #B3C0D1; */
border-radius: 10px;