diff --git a/src/assets/css/style.scss b/src/assets/css/style.scss
index 4940bd9a..0ff0b10d 100644
--- a/src/assets/css/style.scss
+++ b/src/assets/css/style.scss
@@ -112,7 +112,7 @@ html.dark {
   }
 }
 
-@media (max-width: 1680px) {
+@media (max-width: 1720px) {
   :root {
     --toolbar-width: 50vw;
     --article-width: 50vw;
diff --git a/src/components/BaseButton.vue b/src/components/BaseButton.vue
index 174fc817..bc282c95 100644
--- a/src/components/BaseButton.vue
+++ b/src/components/BaseButton.vue
@@ -36,7 +36,7 @@ defineEmits(['click'])
             class="loading"
             icon="eos-icons:loading"
             width="18"
-            color="#ffffff"
+            :color="type === 'info'?'#000000':'#ffffff'"
       />
       <div class="key-notice" v-if="keyboard">
         <Icon icon="bi:keyboard" width="14" color="#ffffff"/>
@@ -121,7 +121,7 @@ defineEmits(['click'])
 
   &.info {
     background: var(--btn-info);
-    border: 1px solid  var(--color-main-text);
+    border: 1px solid var(--color-main-text);
     color: var(--color-main-text);
   }
 
diff --git a/src/pages/pc/article/BookDetail.vue b/src/pages/pc/article/BookDetail.vue
index ca2916c7..5216b2d3 100644
--- a/src/pages/pc/article/BookDetail.vue
+++ b/src/pages/pc/article/BookDetail.vue
@@ -91,9 +91,9 @@ const {
         <BackIcon class="z-2" @click="$router.back"/>
         <div class="absolute text-2xl text-align-center w-full">{{ runtimeStore.editDict.name }}</div>
         <div class="flex">
-          <BaseButton type="info" @click="isEdit = true">编辑</BaseButton>
-<!--          <BaseButton type="info" @click="router.push('batch-edit-article')">文章管理</BaseButton>-->
-          <BaseButton :loading="studyLoading" @click="addMyStudyList">学习</BaseButton>
+          <BaseButton :loading="studyLoading||loading" type="info" @click="isEdit = true">编辑</BaseButton>
+          <!--          <BaseButton type="info" @click="router.push('batch-edit-article')">文章管理</BaseButton>-->
+          <BaseButton :loading="studyLoading||loading" @click="addMyStudyList">学习</BaseButton>
         </div>
       </div>
       <div class="text-lg  ">介绍：{{ runtimeStore.editDict.description }}</div>
diff --git a/src/pages/pc/word/DictDetail.vue b/src/pages/pc/word/DictDetail.vue
index 166350fa..742120ad 100644
--- a/src/pages/pc/word/DictDetail.vue
+++ b/src/pages/pc/word/DictDetail.vue
@@ -206,8 +206,8 @@ defineRender(() => {
                   <BackIcon class="z-2" onClick={() => router.back()}/>
                   <div class="absolute page-title text-align-center w-full">{runtimeStore.editDict.name}</div>
                   <div class="flex">
-                    <BaseButton type="info" onClick={() => isEdit = true}>编辑</BaseButton>
-                    <BaseButton loading={studyLoading} onClick={addMyStudyList}>学习</BaseButton>
+                    <BaseButton loading={studyLoading || loading} type="info" onClick={() => isEdit = true}>编辑</BaseButton>
+                    <BaseButton loading={studyLoading || loading} onClick={addMyStudyList}>学习</BaseButton>
                   </div>
                 </div>
                 <div class="text-lg  ">介绍：{runtimeStore.editDict.description}</div>