diff --git a/components/common/comment/main.vue b/components/common/comment/main.vue
index 1b0ee78..d27ae96 100644
--- a/components/common/comment/main.vue
+++ b/components/common/comment/main.vue
@@ -23,13 +23,13 @@
               <div id="contentEditor"></div>
             </el-col>
             <el-col style="margin-top: 1rem;padding-right:3rem;text-align: right;">
-              <el-button type="primary" :loading="loading" @click="postComment">发布</el-button>
+              <el-button type="primary" :loading="loading" @click="postComment" plain>发布</el-button>
             </el-col>
           </el-drawer>
         </el-col>
       </el-col>
       <el-col v-else class="text-center" style="margin-top: 1rem;">
-        <el-button type="primary" size="medium" @click="gotoLogin">登录</el-button>
+        <el-button type="primary" size="medium" @click="gotoLogin" plain>登录</el-button>
         后发布评论
       </el-col>
       <el-col style="margin-top: 1rem;">
diff --git a/components/common/portfolio/manager/bind/list.vue b/components/common/portfolio/manager/bind/list.vue
index cb5dec4..fcd2bf4 100644
--- a/components/common/portfolio/manager/bind/list.vue
+++ b/components/common/portfolio/manager/bind/list.vue
@@ -8,7 +8,7 @@
           </el-link>
           <div class="text-muted article-summary-md">{{ article.articlePreviewContent }}</div>
           <el-col class="text-right" style="padding: 1rem;">
-            <el-button @click="bindArticle(article.idArticle)" :loading="loading">添加至作品集</el-button>
+            <el-button @click="bindArticle(article.idArticle)" :loading="loading" plain>添加至作品集</el-button>
           </el-col>
         </div>
       </el-card>
diff --git a/components/widget/tags.vue b/components/widget/tags.vue
index c263cd2..b59a484 100644
--- a/components/widget/tags.vue
+++ b/components/widget/tags.vue
@@ -21,8 +21,8 @@
       </el-select>
     </el-col>
     <el-col style="text-align: center;">
-      <el-button type="primary" style="margin-top: 1rem;" @click="saveTags">保存</el-button>
-      <el-button style="margin-top: 1rem;" @click="$emit('closeDialog')">取消</el-button>
+      <el-button type="primary" style="margin-top: 1rem;" @click="saveTags" plain>保存</el-button>
+      <el-button style="margin-top: 1rem;" @click="$emit('closeDialog')" plain>取消</el-button>
     </el-col>
   </el-row>
 </template>
diff --git a/pages/admin/roles.vue b/pages/admin/roles.vue
index 585232e..cbf4705 100644
--- a/pages/admin/roles.vue
+++ b/pages/admin/roles.vue
@@ -7,7 +7,7 @@
       </el-breadcrumb>
     </el-col>
     <el-col>
-      <el-button type="primary" @click="showAddDialog">添加角色</el-button>
+      <el-button type="primary" @click="showAddDialog" plain>添加角色</el-button>
       <el-table
         :data="roles"
         style="width: 100%;margin-top: 1rem;">
@@ -43,11 +43,11 @@
         </el-table-column>
         <el-table-column label="操作">
           <template slot-scope="scope">
-            <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+            <el-button size="mini" @click="handleEdit(scope.$index, scope.row)" plain>编辑</el-button>
             <el-button v-if="scope.row.status == 1" size="mini" type="primary"
-                       @click="toggleStatus(scope.$index, scope.row)">启用
+                       @click="toggleStatus(scope.$index, scope.row)" plain>启用
             </el-button>
-            <el-button v-else size="mini" type="danger" @click="toggleStatus(scope.$index, scope.row)">禁用</el-button>
+            <el-button v-else size="mini" type="danger" @click="toggleStatus(scope.$index, scope.row)" plain>禁用</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -77,8 +77,8 @@
           </el-form-item>
         </el-form>
         <div slot="footer" class="dialog-footer">
-          <el-button @click="dialogVisible = false">取 消</el-button>
-          <el-button type="primary" @click="updateRole">确 定</el-button>
+          <el-button @click="dialogVisible = false" plain>取 消</el-button>
+          <el-button type="primary" @click="updateRole" plain>确 定</el-button>
         </div>
       </el-dialog>
     </el-col>
diff --git a/pages/admin/tag/post/_tag_id.vue b/pages/admin/tag/post/_tag_id.vue
index 3439fe0..d7e896d 100644
--- a/pages/admin/tag/post/_tag_id.vue
+++ b/pages/admin/tag/post/_tag_id.vue
@@ -52,7 +52,7 @@
           <div id="contentEditor"></div>
         </el-form-item>
         <el-form-item class="text-right">
-          <el-button @click="updateTag" :loading="loading">提交</el-button>
+          <el-button @click="updateTag" :loading="loading" plain>提交</el-button>
         </el-form-item>
       </el-form>
     </el-col>
diff --git a/pages/admin/tags.vue b/pages/admin/tags.vue
index 84b7212..2d9ee9c 100644
--- a/pages/admin/tags.vue
+++ b/pages/admin/tags.vue
@@ -7,8 +7,8 @@
       </el-breadcrumb>
     </el-col>
     <el-col style="margin: .5rem;">
-      <el-button size="small" @click="createTag">创建标签</el-button>
-      <el-button size="small" @click="cleanUnusedTag">清除未使用标签</el-button>
+      <el-button size="small" @click="createTag" plain>创建标签</el-button>
+      <el-button size="small" @click="cleanUnusedTag" plain>清除未使用标签</el-button>
     </el-col>
     <el-col v-for="tag in tags" :key="tag.idTag">
       <el-card style="margin: .5rem;">
@@ -25,7 +25,7 @@
           </el-col>
         </el-col>
         <el-col :span="3" class="text-right">
-          <el-button size="small" @click="updateTag(tag.idTag)">管理</el-button>
+          <el-button size="small" @click="updateTag(tag.idTag)" plain>管理</el-button>
         </el-col>
         <el-col style="margin-bottom: .8rem">{{ tag.tagDescription }}</el-col>
       </el-card>
diff --git a/pages/admin/topic/_topic_uri.vue b/pages/admin/topic/_topic_uri.vue
index 51cd868..1af5d70 100644
--- a/pages/admin/topic/_topic_uri.vue
+++ b/pages/admin/topic/_topic_uri.vue
@@ -47,7 +47,7 @@
             </el-col>
           </el-col>
           <el-col :span="3" class="text-right">
-            <el-button size="small" @click="unbindTopicTag(tag.idTag)">取消关联</el-button>
+            <el-button size="small" @click="unbindTopicTag(tag.idTag)" plain>取消关联</el-button>
           </el-col>
           <el-col style="margin-bottom: .8rem">{{ tag.tagDescription }}</el-col>
         </el-card>
diff --git a/pages/admin/topic/bind/_topic_id.vue b/pages/admin/topic/bind/_topic_id.vue
index 7bb95a7..f0c8a6e 100644
--- a/pages/admin/topic/bind/_topic_id.vue
+++ b/pages/admin/topic/bind/_topic_id.vue
@@ -29,7 +29,7 @@
             </el-col>
           </el-col>
           <el-col :span="3" class="text-right">
-            <el-button size="small" @click="bindTopicTag(tag.idTag)">关联</el-button>
+            <el-button size="small" @click="bindTopicTag(tag.idTag)" plain>关联</el-button>
           </el-col>
           <el-col style="margin-bottom: .8rem">{{ tag.tagDescription }}</el-col>
         </el-card>
diff --git a/pages/admin/topic/post/_topic_id.vue b/pages/admin/topic/post/_topic_id.vue
index 8659e2f..c830112 100644
--- a/pages/admin/topic/post/_topic_id.vue
+++ b/pages/admin/topic/post/_topic_id.vue
@@ -62,7 +62,7 @@
           <div id="contentEditor"></div>
         </el-form-item>
         <el-form-item class="text-right">
-          <el-button @click="updateTopic" :loading="loading">提交</el-button>
+          <el-button @click="updateTopic" :loading="loading" plain>提交</el-button>
         </el-form-item>
       </el-form>
     </el-col>
diff --git a/pages/admin/topics.vue b/pages/admin/topics.vue
index 5c7dc0c..9686cb1 100644
--- a/pages/admin/topics.vue
+++ b/pages/admin/topics.vue
@@ -7,7 +7,7 @@
       </el-breadcrumb>
     </el-col>
     <el-col style="margin: .5rem;">
-      <el-button size="small" @click="createTopic">创建专题</el-button>
+      <el-button size="small" @click="createTopic" plain>创建专题</el-button>
     </el-col>
     <el-col :span="8" style="margin-bottom: .5rem;" v-for="topic in topics" :key="topic.idTopic">
       <el-card>
diff --git a/pages/admin/users.vue b/pages/admin/users.vue
index d2876c4..3244ea6 100644
--- a/pages/admin/users.vue
+++ b/pages/admin/users.vue
@@ -61,11 +61,11 @@
         </el-table-column>
         <el-table-column label="操作">
           <template slot-scope="scope">
-            <el-button size="mini" @click="handleRole(scope.$index, scope.row)">授权</el-button>
+            <el-button size="mini" @click="handleRole(scope.$index, scope.row)" plain>授权</el-button>
             <el-button v-if="scope.row.status == 1" size="mini" type="primary"
-                       @click="toggleStatus(scope.$index, scope.row)">启用
+                       @click="toggleStatus(scope.$index, scope.row)" plain>启用
             </el-button>
-            <el-button v-else size="mini" type="danger" @click="toggleStatus(scope.$index, scope.row)">禁用</el-button>
+            <el-button v-else size="mini" type="danger" @click="toggleStatus(scope.$index, scope.row)" plain>禁用</el-button>
           </template>
         </el-table-column>
       </el-table>
diff --git a/pages/article/_article_id.vue b/pages/article/_article_id.vue
index be10795..270d3ea 100644
--- a/pages/article/_article_id.vue
+++ b/pages/article/_article_id.vue
@@ -35,16 +35,16 @@
                 </el-col>
                 <el-col v-if="user" :span="12" style="text-align: right;">
                   <template v-if="user.idUser !== article.articleAuthorId">
-                    <el-button size="mini" v-if="isFollow" @click="cancelFollowUser(article.articleAuthorId)">取消关注</el-button>
-                    <el-button size="mini" v-else @click="followUser(article.articleAuthorId)">关注</el-button>
+                    <el-button size="mini" v-if="isFollow" @click="cancelFollowUser(article.articleAuthorId)" plain>取消关注</el-button>
+                    <el-button size="mini" v-else @click="followUser(article.articleAuthorId)" plain>关注</el-button>
                   </template>
-                  <el-button size="mini" v-if="hasPermissions" @click="handleCommand('edit')">编辑文章</el-button>
-                  <el-button size="mini" v-if="isAdmin" @click="handleCommand('editTags')">编辑标签</el-button>
-                  <el-button size="mini" @click="handleCommand('share')">分享</el-button>
+                  <el-button size="mini" v-if="hasPermissions" @click="handleCommand('edit')" plain>编辑文章</el-button>
+                  <el-button size="mini" v-if="isAdmin" @click="handleCommand('editTag')" plain>编辑标签</el-button>
+                  <el-button size="mini" @click="handleCommand('share')" plain>分享</el-button>
                 </el-col>
                 <el-col v-else :span="12" style="text-align: right;">
-                  <el-button size="mini" @click="gotoLogin">关注</el-button>
-                  <el-button size="mini" @click="handleCommand('share')">分享</el-button>
+                  <el-button size="mini" @click="gotoLogin" plain>关注</el-button>
+                  <el-button size="mini" @click="handleCommand('share')" plain>分享</el-button>
                 </el-col>
               </el-col>
               <el-col v-if="article.portfolios && article.portfolios.length > 0">
diff --git a/pages/article/post/_article_id.vue b/pages/article/post/_article_id.vue
index 60b225e..d07c5c2 100644
--- a/pages/article/post/_article_id.vue
+++ b/pages/article/post/_article_id.vue
@@ -33,14 +33,14 @@
       </el-select>
     </el-col>
     <el-col v-if="!isEdit" style="margin-top: 1rem;padding-right:3rem;text-align: right;">
-      <el-button :loading="doLoading" @click="saveArticle">保存草稿</el-button>
-      <el-button type="primary" :loading="doLoading" @click="postArticle">发布</el-button>
+      <el-button :loading="doLoading" @click="saveArticle" plain>保存草稿</el-button>
+      <el-button type="primary" :loading="doLoading" @click="postArticle" plain>发布</el-button>
     </el-col>
     <el-col v-else style="margin-top: 1rem;padding-right:3rem;text-align: right;">
-      <el-button type="danger" :loading="doLoading" @click="deleteArticle">删除</el-button>
-      <el-button v-if="articleStatus === '1'" :loading="doLoading" @click="saveArticle">保存草稿</el-button>
-      <el-button v-if="articleStatus === '0'" :loading="doLoading" type="primary" @click="postArticle">更新</el-button>
-      <el-button v-else type="primary" :loading="doLoading" @click="postArticle">发布</el-button>
+      <el-button type="danger" :loading="doLoading" @click="deleteArticle" plain>删除</el-button>
+      <el-button v-if="articleStatus === '1'" :loading="doLoading" @click="saveArticle" plain>保存草稿</el-button>
+      <el-button v-if="articleStatus === '0'" :loading="doLoading" type="primary" @click="postArticle" plain>更新</el-button>
+      <el-button v-else type="primary" :loading="doLoading" @click="postArticle" plain>发布</el-button>
     </el-col>
   </el-row>
 </template>
diff --git a/pages/chats/_nickname.vue b/pages/chats/_nickname.vue
index 78a4053..fef23f6 100644
--- a/pages/chats/_nickname.vue
+++ b/pages/chats/_nickname.vue
@@ -5,7 +5,7 @@
         <div id="contentEditor"></div>
       </el-col>
       <el-col style="margin-top: 1rem;padding-right:3rem;text-align: right;">
-        <el-button type="primary" :loading="loading" @click="send">发送</el-button>
+        <el-button type="primary" :loading="loading" @click="send" plain>发送</el-button>
       </el-col>
       <el-col style="margin-top: 2rem;" id="messagesContent">
         <el-col v-for="message in Array.prototype.reverse.call(messages)" :key="message.dataId">
diff --git a/pages/forget-password.vue b/pages/forget-password.vue
index f014ed6..f09005a 100644
--- a/pages/forget-password.vue
+++ b/pages/forget-password.vue
@@ -16,7 +16,7 @@
           <el-input type="password" v-model="form.confirmPassword" autocomplete="off" show-password></el-input>
         </el-form-item>
         <el-form-item>
-          <el-button style="width: 60%;" type="primary" @click="forgetPassword">提交</el-button>
+          <el-button style="width: 60%;" type="primary" @click="forgetPassword" plain>提交</el-button>
         </el-form-item>
       </el-form>
     </el-col>
diff --git a/pages/login.vue b/pages/login.vue
index b2ed578..d54c3ee 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -15,8 +15,8 @@
           <el-link rel="nofollow" style="float: right;" :underline="false" @click="forgetPassword">忘记密码</el-link>
         </el-form-item>
         <el-form-item>
-          <el-button style="width: 60%;" type="primary" @click="login" :loading="loginLoading">立即登录</el-button>
-          <el-button style="width: 32%;" @click="register">注册</el-button>
+          <el-button style="width: 60%;" type="primary" @click="login" :loading="loginLoading" plain>立即登录</el-button>
+          <el-button style="width: 32%;" @click="register" plain>注册</el-button>
         </el-form-item>
       </el-form>
     </el-col>
@@ -43,8 +43,8 @@
           <el-input v-model="forgetForm.email" autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item style="text-align: center;">
-          <el-button :loading="loading" @click.native="sendEmailCode" type="success">发送</el-button>
-          <el-button :loading="loading" @click.native="hideForgetPasswordDialog">取消</el-button>
+          <el-button :loading="loading" @click.native="sendEmailCode" type="success" plain>发送</el-button>
+          <el-button :loading="loading" @click.native="hideForgetPasswordDialog" plain>取消</el-button>
         </el-form-item>
       </el-form>
     </el-dialog>
diff --git a/pages/register.vue b/pages/register.vue
index 2d8668c..8fd69e3 100644
--- a/pages/register.vue
+++ b/pages/register.vue
@@ -20,12 +20,12 @@
         </el-form-item>
         <el-form-item label="验证码" prop="code" :rules="[{ required: true, message: '请输入验证码', trigger: 'blur' }]">
           <el-input v-model="user.code" maxlength="6" autocomplete="off">
-            <el-button type="email" size="small" slot="append" @click="sendCode" :loading="loading">{{loadText}}</el-button>
+            <el-button type="email" size="small" slot="append" @click="sendCode" :loading="loading" plain>{{loadText}}</el-button>
           </el-input>
         </el-form-item>
         <el-form-item>
-          <el-button style="width: 60%;" type="primary" @click="register" :loading="registerLoading">立即注册</el-button>
-          <el-button style="width: 32%;" @click="login">登录</el-button>
+          <el-button style="width: 60%;" type="primary" @click="register" :loading="registerLoading" plain>立即注册</el-button>
+          <el-button style="width: 32%;" @click="login" plain>登录</el-button>
         </el-form-item>
       </el-form>
     </el-col>
diff --git a/pages/user/_nickname.vue b/pages/user/_nickname.vue
index 0655fe6..53a8a58 100644
--- a/pages/user/_nickname.vue
+++ b/pages/user/_nickname.vue
@@ -13,14 +13,14 @@
           <p class="mb-4" v-html="user.signature"></p>
           <div v-if="oauth">
             <div v-if="oauth.idUser !== user.idUser">
-              <el-button type="primary" v-if="isFollow" @click="cancelFollowUser(user.idUser)">取消关注</el-button>
-              <el-button type="primary" v-else @click="followUser(user.idUser)">关注</el-button>
-              <el-button @click="gotoChats">聊天</el-button>
+              <el-button type="primary" v-if="isFollow" @click="cancelFollowUser(user.idUser)" plain>取消关注</el-button>
+              <el-button type="primary" v-else @click="followUser(user.idUser)" plain>关注</el-button>
+              <el-button @click="gotoChats" plain>聊天</el-button>
             </div>
           </div>
           <div v-else>
-            <el-button type="primary" @click="login">关注</el-button>
-            <el-button @click="login">聊天</el-button>
+            <el-button type="primary" @click="login" plain>关注</el-button>
+            <el-button @click="login" plain>聊天</el-button>
           </div>
         </div>
       </div>
diff --git a/pages/user/settings/account.vue b/pages/user/settings/account.vue
index 3ee1237..4c19066 100644
--- a/pages/user/settings/account.vue
+++ b/pages/user/settings/account.vue
@@ -35,7 +35,7 @@
               <i v-else class="el-icon-plus avatar-uploader-icon"></i>
             </div>
           </el-upload>
-          <el-button style="margin-top: 1rem;" type="primary" round @click="genAvatar">随机</el-button>
+          <el-button style="margin-top: 1rem;" type="primary" round @click="genAvatar" plain>随机</el-button>
         </el-form-item>
         <el-form-item label="昵称" prop="nickname">
           <el-input v-model="user.nickname" @blur="checkNickname"></el-input>
@@ -54,7 +54,7 @@
           <el-input type="textarea" v-model="user.signature"></el-input>
         </el-form-item>
         <el-form-item style="text-align: right;">
-          <el-button type="primary" round @click="updateUserInfo">保存</el-button>
+          <el-button type="primary" round @click="updateUserInfo" plain>保存</el-button>
         </el-form-item>
       </el-form>
     </el-col>