add dict modal

src/assets/css/colors.scss

@@ -1,2 +1,6 @@
 $dark-bg: rgb(46, 46, 46);
-$dark-bg2: rgb(72, 72, 72);
+$dark-bg2: rgb(72, 72, 72);
+
+$main: rgb(12, 140, 233);
+$second: #7B91CB;
+$space: 20rem;

src/assets/css/style.scss

@@ -1,4 +1,5 @@
 @import "@icon-park/vue-next/styles/index.css";
+@import "colors";
 
 html, body {
   padding: 0;
@@ -11,3 +12,25 @@ html, body {
   width: 100%;
   height: 100%;
 }
+
+::-webkit-scrollbar {
+  width: 8rem;
+  height: 10rem;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 2rem;
+}
+
+::-webkit-scrollbar-thumb {
+  background: $second;
+  border-radius: 10rem;
+}
+
+.my-button {
+  cursor: pointer;
+  border-radius: 4rem;
+  padding: 5rem 15rem;
+  background: $main;
+}

src/assets/dictionary.ts

@@ -1,7 +1,7 @@
-import {DictionaryResource} from "../types.ts"
-
 // 中国考试
-const chinaExam: DictionaryResource[] = [
+import {DictionaryResource} from "@/types.ts"
+
+export const chinaExam: DictionaryResource[] = [
   {
     id: 'cet4',
     name: 'CET-4',
@@ -571,7 +571,7 @@ const internationalExam: DictionaryResource[] = [
 ]
 
 // 青少儿英语
-const childrenEnglish: DictionaryResource[] = [
+export const childrenEnglish: DictionaryResource[] = [
   {
     id: 'gaokao3500',
     name: '高考 3500 词',