+
-
-
diff --git a/src/md/about.md b/src/md/about.md
index 116bd63..98a0e01 100644
--- a/src/md/about.md
+++ b/src/md/about.md
@@ -1,7 +1,5 @@
# 关于 wordIn
----
-
## 1. wordIn 是什么
wordIn 是一款基于 vue.js 的单词默写器，致力于为用户提供便捷有效的单词记忆方式
diff --git a/src/md/manual.md b/src/md/manual.md
index e8671a5..7643546 100644
--- a/src/md/manual.md
+++ b/src/md/manual.md
@@ -1,7 +1,5 @@
# wordIn 使用说明
----
-
- 近期发现ZJUWLAN无法访问unpkg.com导致部分图标无法显示,请使用ZJUWLAN-Secure访问
## 1. 背诵单词
@@ -27,7 +25,7 @@
- 点击插入到单词本即可将现在显示的单词插入到单词本中
- 进度记忆功能
- 一下子没有背完？不必担心,wordIn会自动记忆您的背诵进度，您可以从主页随时返回到背诵
-
+
## 2. 单词本管理
### 新建单词本
diff --git a/src/router/index.ts b/src/router/index.ts
index 73ad414..3a12de4 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,7 +1,7 @@
import {createRouter,createWebHashHistory} from 'vue-router'
const manage = ()=>import('@/views/ManageView.vue');
const editor = ()=>import('@/views/manage/EditorView.vue');
-const home = ()=>import("@/views/HomeView.vue");
+import home from "@/views/HomeView.vue";
const recite = ()=>import('@/views/recite/ReciteView.vue');
const setlist = ()=>import('@/views/manage/SetListView.vue');
const newset = ()=>import('@/views/manage/NewSetView.vue');
diff --git a/src/styles/global.css b/src/styles/global.css
index 9955608..c15d040 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,3 +1,33 @@
+html{
+ height: 100%;
+ width: 100%;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+ font-family:
+ 'MiSans',
+ -apple-system, /* macOS, iOS */
+ BlinkMacSystemFont, /* Chrome macOS */
+ "Segoe UI", /* Windows */
+ Roboto, /* Android */
+ "Helvetica Neue", /* 一些 macOS 和 iOS 系统 */
+ Arial, /* 常见替代字体 */
+ "Noto Sans", /* 国际化字体 */
+ "Liberation Sans", /* Linux 系统的替代字体 */
+ sans-serif; /* 默认字体 */
+}
+
+#app {
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+}
+
@media screen and (max-width: 500px) {
.pconly {
display: none;
@@ -43,6 +73,7 @@
html {
--bg-color-solid: #e8e8e8;
--bg-color: #ffffffae;
+ --bg-color-acrylic:#ffffff54;
--text-color: #464646;
--bd-color: #bbbbbb99;
}
@@ -50,6 +81,7 @@ html {
html.dark {
--bg-color-solid: #191919;
--bg-color: #2a2a2a88;
+ --bg-color-acrylic:rgba(42, 42, 42, 0.263);
--text-color: #c0c0c0;
--bd-color: #7f7f7f7c;
--navi-bg-color: #131313e2;
diff --git a/src/styles/markdown.css b/src/styles/markdown.css
new file mode 100644
index 0000000..9f9b5c0
--- /dev/null
+++ b/src/styles/markdown.css
@@ -0,0 +1,155 @@
+/* Markdown Typography */
+.markdown {
+ line-height: 1.6;
+ color: #333;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+}
+
+/* Headings */
+.markdown h1,
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+ /* margin-top: 1.5em; */
+ margin-bottom: 0.5em;
+ font-weight: 600;
+ line-height: 1.25;
+}
+
+.markdown h1 {
+ font-size: 2.5em;
+ border-bottom: 1px solid var(--bd-color);
+ padding-bottom: 0.3em;
+}
+
+.markdown h2 {
+ font-size: 1.75em;;
+ padding-bottom: 0.3em;
+}
+
+.markdown h3 {
+ font-size: 1.25em;
+}
+
+.markdown h4 {
+ font-size: 1em;
+}
+
+.markdown h5 {
+ font-size: 0.875em;
+}
+
+.markdown h6 {
+ font-size: 0.85em;
+ color: #6a737d;
+}
+
+/* Lists */
+.markdown ul,
+.markdown ol {
+ padding-left: 2em;
+ margin-top: 0.5em;
+ margin-bottom: 1em;
+}
+
+.markdown ul {
+ list-style-type: disc;
+}
+
+.markdown ol {
+ list-style-type: decimal;
+}
+
+.markdown li {
+ margin-bottom: 0.25em;
+}
+
+.markdown li > ul,
+.markdown li > ol {
+ margin-top: 0.25em;
+ margin-bottom: 0.5em;
+}
+
+/* Paragraphs and spacing */
+.markdown p {
+ margin-top: 0;
+ margin-bottom: 1em;
+}
+
+/* Links */
+.markdown a {
+ text-decoration: none;
+}
+
+.markdown a:hover {
+ text-decoration: underline;
+}
+
+/* Code blocks */
+.markdown pre {
+ background-color: #f6f8fa;
+ border-radius: 3px;
+ padding: 16px;
+ overflow: auto;
+ margin-bottom: 1em;
+}
+
+.markdown code {
+ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ background-color: var(--bg-color-solid);
+ border-radius: 3px;
+ padding: 0.2em 0.4em;
+ font-size: 85%;
+}
+
+.markdown pre code {
+ background-color: transparent;
+ padding: 0;
+}
+
+/* Blockquotes */
+.markdown blockquote {
+ margin-left: 0;
+ padding: 0 1em;
+ color: var(--text-color);
+ border-left: 0.25em solid var(--bd-color);
+}
+
+/* Tables */
+.markdown table {
+ border-collapse: collapse;
+ width: 100%;
+ margin-bottom: 1em;
+}
+
+.markdown table th,
+.markdown table td {
+ padding: 6px 13px;
+ border: 1px solid var(--bd-color);
+}
+
+.markdown table tr {
+ background-color: var(--bg-color-solid);
+ border-top: 1px solid var(--bd-color);
+}
+
+.markdown table tr:nth-child(2n) {
+ background-color: var(--bg-color-solid);
+}
+
+/* Horizontal rule */
+.markdown hr {
+ height: 0.25em;
+ padding: 0;
+ margin: 24px 0;
+ background-color: var(--bg-color-solid);
+ border: 0;
+}
+
+/* Images */
+.markdown img {
+ max-width: 100%;
+ box-sizing: border-box;
+}
\ No newline at end of file
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index d8aae2e..b76f7c9 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,37 +1,38 @@
-
-
+
+
-
-
-
欢迎使用
-
wordIn
-
当前版本: 1.02
更新时间:2025年3月7日 10:35 PM
-
-
-
- 开始新背诵
-
-
- 查看单词本
-
-
-
-
-
历史记录
-
+
+
历史记录
+
+
{{ index + 1 }}
背诵进度: {{ history.current }}/{{ history.total || "Unknown" }}
{{ (new Date(history.modified)) }}
继续
+
-
+ mdi-cog
更换自定义背景
@@ -44,9 +45,10 @@
-#ball {
- background-image: linear-gradient(120deg, #e0c3fcca 0%, #8ec5fcc4 100%);
- border-radius: 100%;
- position: absolute;
- animation: enter .8s ease-out;
- box-shadow: #e0c3fcca 0px 0px 50px 10px;
- z-index: -1;
+
\ No newline at end of file
diff --git a/src/views/manage/DisplayView.vue b/src/views/manage/DisplayView.vue
index 9ab7663..694b82e 100644
--- a/src/views/manage/DisplayView.vue
+++ b/src/views/manage/DisplayView.vue
@@ -1,18 +1,18 @@
-
- {{ set }} : {{ book }} ({{ id }})
-
-
+
+ {{ set }} : {{ book }} ({{ id }})
+
+
- 操作
+ 操作mdi-chevron-down
- 下载
+ mdi-download下载
@@ -68,7 +68,7 @@ onMounted(() => {
book.value = route.query.book as string;
id.value = route.query.id as string;
name.value = (route.query.name as string) || "default";
-
+
if (set.value && book.value && id.value) {
axios.get("wordset/detail", {
params: {
@@ -113,7 +113,7 @@ onMounted(() => {
padding-top: 0;
}
-#main{
+#main {
height: calc(100% - 50px);
}
diff --git a/src/views/manage/EditorView.vue b/src/views/manage/EditorView.vue
index ba7c663..2661824 100644
--- a/src/views/manage/EditorView.vue
+++ b/src/views/manage/EditorView.vue
@@ -7,7 +7,7 @@
- 操作
+ 操作mdi-chevron-down
diff --git a/src/views/post/AboutView.vue b/src/views/post/AboutView.vue
index 47f7223..20f8aa1 100644
--- a/src/views/post/AboutView.vue
+++ b/src/views/post/AboutView.vue
@@ -1,11 +1,12 @@