save

README.md

@@ -1,18 +1 @@
-# Vue 3 + TypeScript + Vite
-
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-
-## Recommended IDE Setup
-
-- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
-
-## Type Support For `.vue` Imports in TS
-
-TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
-
-If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
-
-1. Disable the built-in TypeScript Extension
-   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
-   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
-2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
+1 错题本，添加错误次数

src/App.vue

@@ -33,9 +33,9 @@ let isDictation = $ref(true)
 let activeIndex = $ref(-1)
 const store = useBaseStore()
 
-const [playKeySound, setAudio] = useSound([机械0, 机械1, 机械2, 机械3], 1)
+// const [playKeySound, setAudio] = useSound([机械0, 机械1, 机械2, 机械3], 1)
 // const [playKeySound, setAudio] = useSound([老式机械], 3)
-// const [playKeySound, setAudio] = useSound([电话打字的声音Mp3], 3)
+const [playKeySound, setAudio] = useSound([电话打字的声音Mp3], 3)
 const [playBeep] = useSound([beep], 1)
 const [playCorrect] = useSound([correct], 1)
 const [playAudio] = usePlayWordAudio()
@@ -101,7 +101,7 @@ function onKeyUp(e: KeyboardEvent) {
 
 async function onKeyDown(e: KeyboardEvent) {
   //TODO 还有横杠
-  if (e.keyCode >= 65 && e.keyCode <= 90 || e.code === 'Space') {
+  if ((e.keyCode >= 65 && e.keyCode <= 90) || e.code === 'Space') {
     let letter = e.key
     if ((input + letter).toLowerCase() === store.word.name.toLowerCase().slice(0, input.length + 1)) {
       input += letter
@@ -168,7 +168,7 @@ const {appearance, toggle} = useThemeColor()
 </script>
 
 <template>
-<!--  <Backgorund/>-->
+  <!--  <Backgorund/>-->
   <div class="main-page">
     <div class="center">
       <Toolbar/>

src/assets/css/style.scss

@@ -7,6 +7,7 @@
   --color-second-bg: rgb(238, 240, 244);
   --color-header-bg: white;
   --color-font: black;
+  //--color-item-hover: ;
 }
 
 html[data-theme='dark'] {

src/components/WordList.vue

@@ -87,11 +87,13 @@ watch(() => props.list, () => {
 
     &.active {
       background: $second;
+      color: white;
     }
 
     &:hover {
       //background: $dark-main-bg;
-      background: $item-hover;
+      //background: $item-hover;
+      background: rgb(226,226,226);
     }
 
     .left {

src/types.ts

@@ -12,7 +12,12 @@ export type Config = {
     chapterIndex: number,
     wordIndex: number,
 }
-export type Word = {"name": string, "usphone": string, "ukphone": string, "trans": string[]}
+export type Word = {
+    "name": string,
+    "usphone": string,
+    "ukphone": string,
+    "trans": string[]
+}
 
 export const SaveKey = 'bb-word-config'
 
@@ -101,6 +106,17 @@ export interface Dict extends DictJson {
     wordIndex: number,
 }
 
+interface DictLog {
+    startDate: number,//开始日期
+    endDate: number//结束日期
+    chapterWordNumber: number//章节单词数量
+    chapterLog: {
+        startDate: number,//开始日期
+        endDate: number//结束日期
+        correctRate: number//正确率
+    }
+}
+
 export interface State {
     newWordDict: {
         type: DictType,