diff --git a/src/views/Home.vue b/src/views/Home.vue
index 5e5eaac..e887402 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -3,12 +3,12 @@
     <el-header class="layout-header">
       <div class="main-title">博客管理后台</div>
       <div class="nav-btns-right">
-        <el-button link @click="toggleDarkMode" style="color: #fff; font-size: 18px; margin-right: 12px;">
+        <el-button link @click="toggleDarkMode" style="color: #fff; font-size: 18px; margin-right: 12px;" plain>
           <Moon v-if="!isDark" style="width: 18px" />
           <Sunny v-else style="width: 18px" />
         </el-button>
         <el-dropdown @command="dropdownMenuCommand">
-          <el-button link type="primary">
+          <el-button link type="primary" plain>
             <UserFilled style="width: 18px" />
             {{ realname }}
             <ArrowDown style="width: 18px"/>
@@ -70,8 +70,8 @@
     </el-form>
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click="changePwdModal = false">取消</el-button>
-        <el-button type="primary" @click="submitChangePassword" :loading="changePwdLoading">确定</el-button>
+        <el-button @click="changePwdModal = false" plain>取消</el-button>
+        <el-button type="primary" @click="submitChangePassword" :loading="changePwdLoading" plain>确定</el-button>
       </span>
     </template>
   </el-dialog>
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 6dd288f..9c175bb 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -32,7 +32,7 @@
               @keyup.enter="login"
             />
           </el-form-item>
-          <el-button class="login-btn" type="primary" size="large" :loading="loading" @click="login">
+          <el-button class="login-btn" type="primary" size="large" :loading="loading" @click="login" plain>
             登 录
           </el-button>
         </el-form>
diff --git a/src/views/api/Hitokoto.vue b/src/views/api/Hitokoto.vue
index feae819..7ab8539 100644
--- a/src/views/api/Hitokoto.vue
+++ b/src/views/api/Hitokoto.vue
@@ -19,11 +19,11 @@
     </el-form-item>
   </el-form>
   <div class="btn-container">
-    <el-button type="primary" @click="addModal = true" v-permission="'hitokoto:save'">添加</el-button>
-    <el-button type="danger" @click="deleteAll" v-permission="'hitokoto:delete'">删除</el-button>
+    <el-button type="primary" @click="addModal = true" v-permission="'hitokoto:save'" plain>添加</el-button>
+    <el-button type="danger" @click="deleteAll" v-permission="'hitokoto:delete'" plain>删除</el-button>
     <div class="search-btn">
-      <el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button>
-      <el-button @click="reset" icon="RefreshLeft">重置</el-button>
+      <el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
+      <el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
     </div>
   </div>
   <el-table class="table-container" :data="hitokotoData" v-loading="loading" stripe @selection-change="dataSelect">
@@ -57,8 +57,8 @@
     <hitokoto-add ref="addForm" :typeList="typeList" :formData="formData" />
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click="addModal = false">取消</el-button>
-        <el-button type="primary" @click="save" :loading="modalLoading">确定</el-button>
+        <el-button @click="addModal = false" plain>取消</el-button>
+        <el-button type="primary" @click="save" :loading="modalLoading" plain>确定</el-button>
       </span>
     </template>
   </el-dialog>
diff --git a/src/views/api/Music.vue b/src/views/api/Music.vue
index d1486da..2488d07 100644
--- a/src/views/api/Music.vue
+++ b/src/views/api/Music.vue
@@ -23,11 +23,11 @@
   </el-form>
   <div class="btn-container">
     <el-button type="success" plain icon="VideoPlay" @click="playMusic">播放</el-button>
-    <el-button type="primary" icon="Upload" @click="openUploadModal" v-permission="'music:save'">上传音乐</el-button>
+    <el-button type="primary" icon="Upload" @click="openUploadModal" v-permission="'music:save'" plain>上传音乐</el-button>
     <el-button type="warning" plain icon="Notebook" @click="libDrawerVisible = true" v-permission="'music:save'">歌单管理</el-button>
     <div class="search-btn">
-      <el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button>
-      <el-button @click="reset" icon="RefreshLeft">重置</el-button>
+      <el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
+      <el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
     </div>
   </div>
   <el-table class="table-container" :data="musicData" v-loading="loading" stripe @selection-change="dataSelect">
@@ -102,8 +102,8 @@
     </el-form>
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click="modifyLyricModal = false">取消</el-button>
-        <el-button type="primary" @click="saveLyric" :loading="modalLoading">确定</el-button>
+        <el-button @click="modifyLyricModal = false" plain>取消</el-button>
+        <el-button type="primary" @click="saveLyric" :loading="modalLoading" plain>确定</el-button>
       </span>
     </template>
   </el-dialog>
@@ -138,13 +138,13 @@
     </el-form>
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click="uploadModal = false">取消</el-button>
-        <el-button type="primary" @click="uploadMusic" >开始上传</el-button>
+        <el-button @click="uploadModal = false" plain>取消</el-button>
+        <el-button type="primary" @click="uploadMusic" plain>开始上传</el-button>
       </span>
     </template>
   </el-dialog>
   <el-drawer v-model="libDrawerVisible" title="歌单管理" size="900px">
-    <el-button type="primary" icon="Plus" @click="addLibRow" style="margin-bottom: 12px">添加歌单</el-button>
+    <el-button type="primary" icon="Plus" @click="addLibRow" style="margin-bottom: 12px" plain>添加歌单</el-button>
     <el-table :data="libTableData" stripe>
       <el-table-column prop="name" label="名称">
         <template #default="scope">
diff --git a/src/views/api/PhotoWall.vue b/src/views/api/PhotoWall.vue
index e093a27..5c37209 100644
--- a/src/views/api/PhotoWall.vue
+++ b/src/views/api/PhotoWall.vue
@@ -41,12 +41,12 @@
       auto-upload
       :show-file-list="false"
       style="display: inline-block;margin-right: 10px;">
-      <el-button type="primary" icon="Upload" :loading="isUploading" v-permission="'photoWall:save'">上传图片</el-button>
+      <el-button type="primary" icon="Upload" :loading="isUploading" v-permission="'photoWall:save'" plain>上传图片</el-button>
     </el-upload>
-    <el-button type="danger" @click="deleteAll" style="vertical-align: bottom" v-permission="'photoWall:delete'">批量删除</el-button>
+    <el-button type="danger" @click="deleteAll" style="vertical-align: bottom" v-permission="'photoWall:delete'" plain>批量删除</el-button>
     <div class="search-btn">
-      <el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button>
-      <el-button @click="reset" icon="RefreshLeft">重置</el-button>
+      <el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
+      <el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
     </div>
   </div>
    
@@ -59,7 +59,7 @@
     <el-table-column prop="height" label="高度" width="70" />
     <el-table-column label="操作" width="100" >
       <template #default="scope">
-        <el-button link icon="View" plain @click="preview(scope.row)" title="预览"></el-button>
+        <el-button link icon="View" @click="preview(scope.row)" title="预览"></el-button>
       </template>
     </el-table-column>
   </el-table>
diff --git a/src/views/api/SourceImage.vue b/src/views/api/SourceImage.vue
index a880bff..860e0a6 100644
--- a/src/views/api/SourceImage.vue
+++ b/src/views/api/SourceImage.vue
@@ -16,9 +16,9 @@
       auto-upload
       :show-file-list="false"
       style="display: inline-block;margin-right: 10px;">
-      <el-button type="primary" icon="Upload" :loading="isUploading" v-permission="'sourceImage:save'">上传图片</el-button>
+      <el-button type="primary" icon="Upload" :loading="isUploading" v-permission="'sourceImage:save'" plain>上传图片</el-button>
     </el-upload>
-    <el-button type="danger" @click="deleteAll" style="vertical-align: bottom" v-permission="'sourceImage:delete'">批量删除</el-button>
+    <el-button type="danger" @click="deleteAll" style="vertical-align: bottom" v-permission="'sourceImage:delete'" plain>批量删除</el-button>
   </div>
   <el-table class="table-container" :data="sourceImageData" v-loading="loading" stripe @selection-change="dataSelect">
     <el-table-column type="selection" width="55" />
@@ -41,8 +41,8 @@
     </el-table-column>
     <el-table-column label="操作" >
       <template #default="scope">
-        <el-button link icon="EditPen" type="primary" plain @click="modifyTags(scope.row)" title="修改标签" v-permission="'sourceImage:save'"></el-button>
-        <el-button link icon="View" plain @click="preview(scope.row)" title="预览"></el-button>
+        <el-button link icon="EditPen" type="primary" @click="modifyTags(scope.row)" title="修改标签" v-permission="'sourceImage:save'"></el-button>
+        <el-button link icon="View" @click="preview(scope.row)" title="预览"></el-button>
       </template>
     </el-table-column>
   </el-table>
diff --git a/src/views/system/Article.vue b/src/views/system/Article.vue
index da955f3..f7a8afe 100644
--- a/src/views/system/Article.vue
+++ b/src/views/system/Article.vue
@@ -30,11 +30,11 @@
     </el-form-item>
   </el-form>
   <div class="btn-container">
-    <el-button type="primary" @click="splitWord" style="vertical-align: bottom" v-permission="'article:edit'">分词处理</el-button>
-    <el-button @click="pullArticles" style="vertical-align: bottom" v-permission="'article:edit'">拉取文章</el-button>
+    <el-button type="primary" @click="splitWord" style="vertical-align: bottom" v-permission="'article:edit'" plain>分词处理</el-button>
+    <el-button @click="pullArticles" style="vertical-align: bottom" v-permission="'article:edit'" plain>拉取文章</el-button>
     <div class="search-btn">
-      <el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button>
-      <el-button @click="reset" icon="RefreshLeft">重置</el-button>
+      <el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
+      <el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
     </div>
   </div>
   <el-row style="flex: 1; overflow: hidden;">
diff --git a/src/views/system/SystemConfig.vue b/src/views/system/SystemConfig.vue
index e98b3e3..5bfb6dd 100644
--- a/src/views/system/SystemConfig.vue
+++ b/src/views/system/SystemConfig.vue
@@ -6,10 +6,10 @@
     </el-form-item>
   </el-form>
   <div class="btn-container">
-    <el-button type="primary" @click="add" v-permission="'config:save'">添加</el-button>
+    <el-button type="primary" @click="add" v-permission="'config:save'" plain>添加</el-button>
     <div class="search-btn">
-      <el-button type="primary" @click="loadData" icon="Search">搜索</el-button>
-      <el-button @click="reset" icon="RefreshLeft">重置</el-button>
+      <el-button type="primary" @click="loadData" icon="Search" plain>搜索</el-button>
+      <el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
     </div>
   </div>
   <el-table class="table-container" :data="systemConfigData" v-loading="loading" stripe>
@@ -46,8 +46,8 @@
     <system-config-add ref="addForm" :formData="formData" />
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click="addModal = false">取消</el-button>
-        <el-button type="primary" @click="save" :loading="modalLoading">确定</el-button>
+        <el-button @click="addModal = false" plain>取消</el-button>
+        <el-button type="primary" @click="save" :loading="modalLoading" plain>确定</el-button>
       </span>
     </template>
   </el-dialog>
diff --git a/src/views/system/SystemRole.vue b/src/views/system/SystemRole.vue
index e628a18..1ba8ad6 100644
--- a/src/views/system/SystemRole.vue
+++ b/src/views/system/SystemRole.vue
@@ -6,10 +6,10 @@
       </el-form-item>
     </el-form>
     <div class="btn-container">
-      <el-button type="primary" @click="add" v-permission="'role:save'">添加</el-button>
+      <el-button type="primary" @click="add" v-permission="'role:save'" plain>添加</el-button>
       <div class="search-btn">
-        <el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button>
-        <el-button @click="reset" icon="RefreshLeft">重置</el-button>
+        <el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
+        <el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
       </div>
     </div>
     <el-table class="table-container" :data="systemRoleData" v-loading="loading" stripe>
@@ -65,8 +65,8 @@
       </el-form>
       <template #footer>
         <span class="dialog-footer">
-          <el-button @click="addModal = false">取消</el-button>
-          <el-button type="primary" @click="save" :loading="modalLoading">确定</el-button>
+          <el-button @click="addModal = false" plain>取消</el-button>
+          <el-button type="primary" @click="save" :loading="modalLoading" plain>确定</el-button>
         </span>
       </template>
     </el-dialog>
diff --git a/src/views/system/SystemUser.vue b/src/views/system/SystemUser.vue
index bf58750..68dd4f3 100644
--- a/src/views/system/SystemUser.vue
+++ b/src/views/system/SystemUser.vue
@@ -6,10 +6,10 @@
     </el-form-item>
   </el-form>
   <div class="btn-container">
-    <el-button type="primary" @click="add" v-permission="'user:save'">添加</el-button>
+    <el-button type="primary" @click="add" v-permission="'user:save'" plain>添加</el-button>
     <div class="search-btn">
-      <el-button type="primary" @click="loadDataBase(true)" icon="Search">搜索</el-button>
-      <el-button @click="reset" icon="RefreshLeft">重置</el-button>
+      <el-button type="primary" @click="loadDataBase(true)" icon="Search" plain>搜索</el-button>
+      <el-button @click="reset" icon="RefreshLeft" plain>重置</el-button>
     </div>
   </div>
   <el-table class="table-container" :data="systemUserData" v-loading="loading" stripe>
@@ -61,8 +61,8 @@
     </el-form>
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click="addModal = false">取消</el-button>
-        <el-button type="primary" @click="save" :loading="modalLoading">确定</el-button>
+        <el-button @click="addModal = false" plain>取消</el-button>
+        <el-button type="primary" @click="save" :loading="modalLoading" plain>确定</el-button>
       </span>
     </template>
   </el-dialog>