save

src/pages/dict/components/ArticleDictDetail.vue

@@ -252,6 +252,13 @@ function add() {
   emitter.emit(EventKey.openArticleListModal)
 }
 
+function back() {
+  emit('back')
+  setTimeout(() => {
+    isEditDict = false
+  }, 500)
+}
+
 defineExpose({getDictDetail, add, editDict})
 
 
@@ -260,7 +267,7 @@ defineExpose({getDictDetail, add, editDict})
 <template>
   <div class="article-detail">
     <header>
-      <div class="back" @click.stop="emit('back')">
+      <div class="back" @click.stop="back">
         <Icon icon="octicon:arrow-left-24" width="20"/>
       </div>
       <div class="left">

src/pages/dict/components/WordDictDetail.vue

@@ -425,7 +425,7 @@ function resetChapterList(num?: number, sync?: boolean) {
   runtimeStore.editDict.chapterWords = chunk(runtimeStore.editDict.words, runtimeStore.editDict.chapterWordNumber)
   runtimeStore.editDict.length = runtimeStore.editDict.words.length
   chapterList2 = runtimeStore.editDict.chapterWords.map((v, i) => ({id: i}))
-  if (sync!==undefined){
+  if (sync !== undefined) {
     syncMyDictList(runtimeStore.editDict)
   }
 }
@@ -544,6 +544,13 @@ function s() {
   }
 }
 
+function back() {
+  emit('back')
+  setTimeout(() => {
+    isEditDict = false
+  }, 500)
+}
+
 defineExpose({getDictDetail, add: addWord, editDict})
 
 </script>
@@ -551,7 +558,7 @@ defineExpose({getDictDetail, add: addWord, editDict})
 <template>
   <div class="dict-detail">
     <header>
-      <div class="back" @click.stop="emit('back')">
+      <div class="back" @click.stop="back">
         <Icon icon="octicon:arrow-left-24" width="20"/>
       </div>
       <div class="left">

src/pages/practice/Footer.vue

@@ -35,7 +35,7 @@ onUnmounted(() => {
 
 <template>
   <div class="footer " :class="!settingStore.showToolbar && 'hide'">
-    <div class="bottom anim">
+    <div class="bottom ">
       <el-progress
           :percentage="progress"
           :stroke-width="8"
@@ -82,7 +82,7 @@ onUnmounted(() => {
 .footer {
   width: var(--toolbar-width);
   margin-bottom: 10rem;
-  transition: all .3s;
+  transition: all var(--anim-time);
   position: relative;
   margin-top: 15rem;
 
@@ -91,7 +91,7 @@ onUnmounted(() => {
     margin-top: 50rem;
 
     .progress {
-      bottom: calc(100% + 20rem);
+      bottom: calc(100% + 25rem);
     }
   }