cast1e
/
wordIn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

change version info

master
cast1e 2025-03-06 22:40:06 +08:00
parent aea4b310b7
commit 480d874910
10 changed files with 184 additions and 129 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -2,6 +2,7 @@
node_modules
/dist
/test
page/
# local env files
.env.local

3
components.d.ts vendored
View File

@ -28,8 +28,11 @@ declare module 'vue' {
ElStep: typeof import('element-plus/es')['ElStep']
ElSteps: typeof import('element-plus/es')['ElSteps']
ElSwitch: typeof import('element-plus/es')['ElSwitch']
ElTable: typeof import('element-plus/es')['ElTable']
ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
ElTabPane: typeof import('element-plus/es')['ElTabPane']
ElTabs: typeof import('element-plus/es')['ElTabs']
ElText: typeof import('element-plus/es')['ElText']
RouterLink: typeof import('vue-router')['RouterLink']
RouterView: typeof import('vue-router')['RouterView']
}

114
src/App.vue
View File

@ -30,120 +30,6 @@ const go = (path: string) => {
}
</script>
<style>
@media screen and (max-width: 500px) {
.pconly {
display: none;
}
@keyframes enter {
0% {
translate: 100px 0;
opacity: 0;
}
100% {
translate: 0 0;
opacity: 1;
}
}
}
@media screen and (min-width: 500px) {
.mbonly {
display: none;
}
@keyframes enter {
0% {
translate: 100px 0;
opacity: 0;
/* filter: blur(20px); */
}
100% {
translate: 0 0;
opacity: 1;
/* filter: blur(0px); */
}
}
}
#app{
transition: .5s;
}
html {
--bg-color-solid:#e8e8e8;
--bg-color: #ffffffae;
--text-color: #464646;
--bd-color: #bbbbbb99;
}
html.dark {
--bg-color-solid:#191919;
--bg-color: #2a2a2a88;
--text-color: #c0c0c0;
--bd-color: #7f7f7f7c;
--navi-bg-color: #131313e2;
}
.container {
height: calc(100% - 20px);
width: calc(100% - 20px);
/* padding: 20px; */
animation: enter ease-out .6s backwards;
}
.colbox {
display: flex;
flex-direction: row;
}
.rowbox {
display: flex;
flex-direction: column;
}
.card {
border-radius: 8px;
border: solid 1px var(--bd-color);
padding: 20px;
margin: 10px;
color: var(--text-color);
transition: .5s;
}
.card:hover {
box-shadow: var(--el-box-shadow);
}
html.bgimged .card {
background-color: var(--bg-color);
backdrop-filter: blur(15px);
}
.btn {
cursor: pointer;
}
.mid-text {
width: 65px;
transform: translate(0, 6px);
color: var(--text-color);
margin-right: 5px;
margin-left: 5px;
}
.para {
margin: 15px;
}
.blured {
filter: blur(10px);
}
</style>
<style scoped>
@media screen and (max-width: 500px) {
#navibar {

4
src/components/UI/CDialog.vue
View File

@ -13,7 +13,7 @@
<script setup lang="ts">
import { ref, watch, nextTick, onMounted } from 'vue'
import "@/style/cui.scss"
import "@/styles/cui.css"
const props = defineProps<{
visible: boolean,
@ -52,7 +52,7 @@ onMounted(() => {
});
</script>
<style lang="scss" scoped>
<style scoped>
#mask {
z-index: 500;
position: absolute;

1
src/main.ts
View File

@ -5,6 +5,7 @@ import "element-plus/dist/index.css";
import "element-plus/theme-chalk/dark/css-vars.css";
import { useDarkMode } from "./composables/useDarkMode";
import router from "./router";
import "./styles/global.css";
// Vuetify
import "vuetify/styles";

29
src/md/about.md
View File

@ -4,31 +4,38 @@
## 1. wordIn 是什么
wordIn 是一款基于 vue.js 的单词默写器，致力于为用户提供便捷有效的单词记忆方式
wordIn 是一款基于 vue.js 的单词默写器，致力于为用户提供便捷有效的单词记忆方式
## 2.获取源代码
wordIn 的前端代码已经开源 [Git Repository](https://git.zjueva.net/cast1e/wordIn)
wordIn 的前端代码已经开源 [Git Repository](https://git.zjueva.net/cast1e/wordIn)
！！需要从浙江大学内网访问
如果有获取后端代码的需求请联系作者
## 3.联系作者
- 通过电子邮件
- <rooger@zju.edu.cn>
- <rooger233@gmail.com>
- 通过电子邮件
- [rooger@zju.edu.cn](mailto:rooger@zju.edu.cn)
- [rooger233@gmail.com](mailto:rooger233@gmail.com)
- 通过QQ
- 1176075089
- 1176075089
## 3.更新日志
### 1.02
1. 更新内容
- 使用 Vite 构建，更加现代化
- 使用 TypeScript 解析，减少错误
- 优化了启动速度，精简了代码
2. 抱歉鸽了这么久，在这期间我也学会了很多新的技能，认识了很多新的朋友，感谢 ACEE 的各位！
### 1.0.2 Beta 2
1. 更新内容
- 减小了打包体积
2. Bug修复进度
- （解决中）自定义背景
@ -40,13 +47,12 @@ wordIn 的前端代码已经开源 [Git Repository](https://git.zjueva.net/cast1
- 重写对话框组件
- 增加了一些单词本管理功能
2. Bug修复进度
- （解决中）自定义背景
- （解决中）移动端UI错位问题
### 1.0.1 Release
### 1.0.1 Release
#### 1.0.1 是wordIn第一个正式版
@ -58,7 +64,6 @@ wordIn 的前端代码已经开源 [Git Repository](https://git.zjueva.net/cast1
- 重写了主页
- 优化了过渡动画
- 优化了全局变量管理
2. Bug修复进度
- （已修复）背诵时插入导致指针归位
@ -75,7 +80,7 @@ wordIn 的前端代码已经开源 [Git Repository](https://git.zjueva.net/cast1
- 封装网络请求
- 其他源码优化
### 1.0
### 1.0
#### 1.0 及之前的版本汇总
@ -83,6 +88,6 @@ wordIn 的前端代码已经开源 [Git Repository](https://git.zjueva.net/cast1
- 1.0是整个项目的开始，项目包括前端界面（/），运维管理界面（/manage），后端服务器。
## 4.开发者的话
## 4.开发者的话
整个项目的开发已经有半年了，在这期间我为 wordIn 花费了很多时间和精力，也收获了很多。希望 wordIn 能够帮助到大家的英语学习，祝各位大英都能满绩！

35
src/styles/cui.css 100644
View File

@ -0,0 +1,35 @@
@keyframes cui-dialog-appear {
0% {
/* opacity: 0%; */
transform: translate(-50%, -50%) scale(0.7);
}
100% {
/* opacity: 100%; */
transform: translate(-50%, -50%) scale(1);
}
}
@keyframes cui-dialog-disappear {
0% {
opacity: 100%;
transform: translate(-50%, -50%) scale(1);
}
100% {
opacity: 0%;
transform: translate(-50%, -50%) scale(0.5);
}
}
@keyframes cui-dialog-blur {
0% {
opacity: 0%;
/* backdrop-filter: blur(0px); */
}
100% {
opacity: 100%;
/* backdrop-filter: blur(10px); */
}
}

111
src/styles/global.css 100644
View File

@ -0,0 +1,111 @@
@media screen and (max-width: 500px) {
.pconly {
display: none;
}
@keyframes enter {
0% {
translate: 100px 0;
opacity: 0;
}
100% {
translate: 0 0;
opacity: 1;
}
}
}
@media screen and (min-width: 500px) {
.mbonly {
display: none;
}
@keyframes enter {
0% {
translate: 100px 0;
opacity: 0;
/* filter: blur(20px); */
}
100% {
translate: 0 0;
opacity: 1;
/* filter: blur(0px); */
}
}
}
#app {
transition: 0.5s;
}
html {
--bg-color-solid: #e8e8e8;
--bg-color: #ffffffae;
--text-color: #464646;
--bd-color: #bbbbbb99;
}
html.dark {
--bg-color-solid: #191919;
--bg-color: #2a2a2a88;
--text-color: #c0c0c0;
--bd-color: #7f7f7f7c;
--navi-bg-color: #131313e2;
}
.container {
height: calc(100% - 20px);
width: calc(100% - 20px);
/* padding: 20px; */
animation: enter ease-out 0.6s backwards;
}
.colbox {
display: flex;
flex-direction: row;
}
.rowbox {
display: flex;
flex-direction: column;
}
.card {
border-radius: 8px;
border: solid 1px var(--bd-color);
padding: 20px;
margin: 10px;
color: var(--text-color);
transition: 0.5s;
}
.card:hover {
box-shadow: var(--el-box-shadow);
}
html.bgimged .card {
background-color: var(--bg-color);
backdrop-filter: blur(15px);
}
.btn {
cursor: pointer;
}
.mid-text {
width: 65px;
transform: translate(0, 6px);
color: var(--text-color);
margin-right: 5px;
margin-left: 5px;
}
.para {
margin: 15px;
}
.blured {
filter: blur(10px);
}

13
src/types/markdown.d.ts vendored 100644
View File

@ -0,0 +1,13 @@
declare module "*.vue" {
import type { ComponentOptions } from "vue";
const Component: ComponentOptions;
export default Component;
}
declare module "*.md" {
import type { ComponentOptions } from "vue";
const Component: ComponentOptions;
export default Component;
}

2
src/views/HomeView.vue
View File

@ -4,7 +4,7 @@
<div style="flex-grow: 2;margin:30px;" class="rowbox">
<div style="font-size: 25px;color: var(--text-color);font-weight: 600;">欢迎使用</div>
<div id="title">wordIn</div>
<div>当前版本: 1.02 Beta 2 <br/> 更新时间:2024年1月11日 5:07 PM</div>
<div>当前版本: 1.02 <br/> 更新时间:2025年3月6日 10:35 PM</div>
</div>
<div style="flex-grow: 1;align-items: center;" class="colbox card">
<router-link to="/select" class="button">