diff --git a/src/components/VabImage/index.vue b/src/components/VabImage/index.vue
index 08999d7..1a51db5 100644
--- a/src/components/VabImage/index.vue
+++ b/src/components/VabImage/index.vue
@@ -3,7 +3,7 @@
     <el-image
       :src="bigSrc"
       fit="cover"
-      style="width: 100%; height: 100%;"
+      style="width: 100%; height: 100%"
       @click="clickBig"
     ></el-image>
     <el-image
diff --git a/src/components/VabUpload/index.vue b/src/components/VabUpload/index.vue
index 7a7043e..4032841 100644
--- a/src/components/VabUpload/index.vue
+++ b/src/components/VabUpload/index.vue
@@ -41,7 +41,7 @@
           append-to-body
           :visible.sync="dialogVisible"
         >
-          <div style="padding-bottom: 20px !important;">
+          <div style="padding-bottom: 20px !important">
             <img width="100%" :src="dialogImageUrl" alt="" />
           </div>
         </el-dialog>
@@ -50,11 +50,11 @@
     <div
       slot="footer"
       class="dialog-footer"
-      style="position: relative; padding-right: 15px; text-align: right;"
+      style="position: relative; padding-right: 15px; text-align: right"
     >
       <div
         v-if="show"
-        style="position: absolute; top: 10px; left: 15px; color: #999;"
+        style="position: absolute; top: 10px; left: 15px; color: #999"
       >
         正在上传中... 当前上传成功数:{{ imgSuccessNum }}张 当前上传失败数:{{
           imgErrorNum
@@ -62,7 +62,7 @@
       </div>
       <el-button type="primary" @click="handleClose">关闭</el-button>
       <el-button
-        style="margin-left: 10px;"
+        style="margin-left: 10px"
         size="small"
         type="success"
         :loading="loading"
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index cb57df5..ea8085a 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -12,15 +12,15 @@
             href="https://github.com/chuzhixin/vue-admin-beautiful"
           >
             <img
-              style="height: 100%; margin-right: 10px;"
+              style="height: 100%; margin-right: 10px"
               src="https://img.shields.io/github/stars/chuzhixin/vue-admin-beautiful?style=flat-square&label=Stars&logo=github"
             />
             <img
-              style="height: 100%; margin-right: 10px;"
+              style="height: 100%; margin-right: 10px"
               src=" https://img.shields.io/badge/Visitors-79.3k/month-blue?style=flat-square&logo=Visual Studio Code"
             />
             <img
-              style="height: 100%; margin-right: 10px;"
+              style="height: 100%; margin-right: 10px"
               src="https://img.shields.io/github/last-commit/chuzhixin/vue-admin-beautiful?style=flat-square&label=Last Commit&logo=vue.js"
             />
           </a>
@@ -128,7 +128,7 @@
         <el-card class="card" shadow="never">
           <div slot="header">
             <span>更新日志</span>
-            <div style="float: right;">部署时间:{{ updateTime }}</div>
+            <div style="float: right">部署时间:{{ updateTime }}</div>
           </div>
           <div class="bottom-btn">
             <el-popover placement="top" width="250" trigger="hover">
@@ -263,9 +263,9 @@
           <div slot="header">
             <span>其他信息</span>
           </div>
-          <div style="text-align: center;">
-            <vab-colorful-icon style="font-size: 140px;" icon-class="vab" />
-            <h1 style="font-size: 30px;">vue-admin-beautiful</h1>
+          <div style="text-align: center">
+            <vab-colorful-icon style="font-size: 140px" icon-class="vab" />
+            <h1 style="font-size: 30px">vue-admin-beautiful</h1>
           </div>
           <div v-for="(item, index) in noticeList" :key="index">
             <el-alert
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 1db03e6..0456d31 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -5,11 +5,11 @@
       title="beautiful boys and girls欢迎加入vue-admin-beautifulQQ群：972435319"
       type="success"
       :closable="false"
-      style="position: fixed;"
+      style="position: fixed"
     ></el-alert>
     <el-row>
       <el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
-        <div style="color: transparent;">占位符</div>
+        <div style="color: transparent">占位符</div>
       </el-col>
       <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
         <el-form
@@ -19,11 +19,9 @@
           class="login-form"
           label-position="left"
         >
-          <div class="title">
-            hello !
-          </div>
+          <div class="title">hello !</div>
           <div class="title-tips">欢迎来到{{ title }}！</div>
-          <el-form-item style="margin-top: 40px;" prop="username">
+          <el-form-item style="margin-top: 40px" prop="username">
             <span class="svg-container svg-container-admin">
               <vab-icon :icon="['fas', 'user']" />
             </span>
@@ -68,7 +66,7 @@
             登录
           </el-button>
           <router-link to="/register">
-            <div style="margin-top: 20px;">注册</div>
+            <div style="margin-top: 20px">注册</div>
           </router-link>
         </el-form>
       </el-col>
diff --git a/src/views/mall/pay/components/Step1.vue b/src/views/mall/pay/components/Step1.vue
index 5e898ca..e7f25ef 100644
--- a/src/views/mall/pay/components/Step1.vue
+++ b/src/views/mall/pay/components/Step1.vue
@@ -2,9 +2,7 @@
   <div>
     <el-form ref="form" :model="form" :rules="rules" label-width="120px">
       <el-form-item label-width="0">
-        <el-alert show-icon>
-          请务必仔细填写并核对
-        </el-alert>
+        <el-alert show-icon>请务必仔细填写并核对</el-alert>
       </el-form-item>
       <el-form-item label="付款账户" prop="payAccount">
         <el-input v-model="form.payAccount"></el-input>
diff --git a/src/views/register/index.vue b/src/views/register/index.vue
index 6d80d8a..54627fb 100644
--- a/src/views/register/index.vue
+++ b/src/views/register/index.vue
@@ -5,11 +5,11 @@
       title="beautiful boys and girls欢迎加入vue-admin-beautifulQQ群：972435319"
       type="success"
       :closable="false"
-      style="position: fixed;"
+      style="position: fixed"
     ></el-alert>
     <el-row>
       <el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
-        <div style="color: transparent;">占位符</div>
+        <div style="color: transparent">占位符</div>
       </el-col>
       <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
         <el-form
@@ -23,7 +23,7 @@
             <el-input
               v-model.trim="form.username"
               v-focus
-              style="margin-top: 20px;"
+              style="margin-top: 20px"
               type="text"
               placeholder="请输入用户名"
               auto-complete="off"
@@ -43,7 +43,7 @@
               <vab-icon slot="prefix" :icon="['fas', 'mobile-alt']"></vab-icon>
             </el-input>
           </el-form-item>
-          <el-form-item prop="phoneCode" style="position: relative;">
+          <el-form-item prop="phoneCode" style="position: relative">
             <el-input
               v-model.trim="form.phoneCode"
               type="text"
@@ -82,7 +82,7 @@
               注册
             </el-button>
             <router-link to="/login">
-              <div style="margin-top: 20px;">登录</div>
+              <div style="margin-top: 20px">登录</div>
             </router-link>
           </el-form-item>
         </el-form>
diff --git a/src/views/vab/backToTop/index.vue b/src/views/vab/backToTop/index.vue
index bef05b5..b12bd5f 100644
--- a/src/views/vab/backToTop/index.vue
+++ b/src/views/vab/backToTop/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="back-to-top-container">
-    <div v-for="(item, index) in 100" :key="index" style="padding: 20px;">
+    <div v-for="(item, index) in 100" :key="index" style="padding: 20px">
       测试滚轮显示返回顶部-{{ index }}
     </div>
     <!-- <el-tooltip placement="top" content="返回顶部"><vab-back-to-top transition-name="fade" /></el-tooltip> -->
diff --git a/src/views/vab/betterScroll/index.vue b/src/views/vab/betterScroll/index.vue
index 883c53d..e2ca9c1 100644
--- a/src/views/vab/betterScroll/index.vue
+++ b/src/views/vab/betterScroll/index.vue
@@ -5,7 +5,7 @@
         动画时长
         <el-slider
           v-model="time"
-          style="width: 300px;"
+          style="width: 300px"
           :min="100"
           :max="3000"
         ></el-slider>
diff --git a/src/views/vab/blacklist/index.vue b/src/views/vab/blacklist/index.vue
index bdadf56..c5ab45c 100644
--- a/src/views/vab/blacklist/index.vue
+++ b/src/views/vab/blacklist/index.vue
@@ -7,7 +7,7 @@
       这世界嘲笑你的人有很多，你又不是圣人，干嘛对每个人都仁慈，面对无端的辱骂和攻击，你只能选择将他记在这里，时刻提醒自己。
     </el-alert>
     <br />
-    <el-table :data="tableData" style="width: 100%;">
+    <el-table :data="tableData" style="width: 100%">
       <el-table-column prop="name" label="QQ昵称" width="180"></el-table-column>
       <el-table-column prop="qq" label="QQ号" width="180"></el-table-column>
       <el-table-column prop="excuse" label="是否可原谅"></el-table-column>
diff --git a/src/views/vab/card/index.vue b/src/views/vab/card/index.vue
index 7549089..d017153 100644
--- a/src/views/vab/card/index.vue
+++ b/src/views/vab/card/index.vue
@@ -14,7 +14,7 @@
           <div slot="header">
             <span>{{ item.title }}</span>
           </div>
-          <div style="width: 100%; height: 200px;">
+          <div style="width: 100%; height: 200px">
             <vab-image
               :big-src="item.img"
               :percent="item.percent"
diff --git a/src/views/vab/codeGenerator/components/TableEditor.vue b/src/views/vab/codeGenerator/components/TableEditor.vue
index 0611710..f36f4eb 100644
--- a/src/views/vab/codeGenerator/components/TableEditor.vue
+++ b/src/views/vab/codeGenerator/components/TableEditor.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div slot="header" class="clearfix" style="margin-bottom: 15px;">
+    <div slot="header" class="clearfix" style="margin-bottom: 15px">
       <el-button type="primary" @click="prettierJSON">生成表格</el-button>
     </div>
     <json-editor v-model="value" @change="prettierNewJSON" />
diff --git a/src/views/vab/editor/index.vue b/src/views/vab/editor/index.vue
index c3561a5..07264c5 100644
--- a/src/views/vab/editor/index.vue
+++ b/src/views/vab/editor/index.vue
@@ -19,7 +19,7 @@
       </el-form-item>
     </el-form>
     <el-dialog title="预览效果" :visible.sync="dialogTableVisible">
-      <div style="min-height: 60vh;">
+      <div style="min-height: 60vh">
         <h1 class="news-title">{{ form.title }}</h1>
         <div class="news-content" v-html="form.content"></div>
       </div>
diff --git a/src/views/vab/icon/colorfulIcon.vue b/src/views/vab/icon/colorfulIcon.vue
index fae9fcc..f199989 100644
--- a/src/views/vab/icon/colorfulIcon.vue
+++ b/src/views/vab/icon/colorfulIcon.vue
@@ -34,7 +34,7 @@
       >
         <el-card
           shadow="hover"
-          style="cursor: pointer;"
+          style="cursor: pointer"
           @click.native="handleCopyIcon(index, $event)"
         >
           <vab-colorful-icon
diff --git a/src/views/vab/icon/index.vue b/src/views/vab/icon/index.vue
index 458cd95..1a162f2 100644
--- a/src/views/vab/icon/index.vue
+++ b/src/views/vab/icon/index.vue
@@ -28,7 +28,7 @@
       >
         <el-card
           shadow="hover"
-          style="cursor: pointer;"
+          style="cursor: pointer"
           @click.native="handleCopyIcon(index, $event)"
         >
           <vab-icon :icon="['fas', item]" />
diff --git a/src/views/vab/icon/remixIcon.vue b/src/views/vab/icon/remixIcon.vue
index 61ec609..9ca38c0 100644
--- a/src/views/vab/icon/remixIcon.vue
+++ b/src/views/vab/icon/remixIcon.vue
@@ -34,7 +34,7 @@
       >
         <el-card
           shadow="hover"
-          style="cursor: pointer;"
+          style="cursor: pointer"
           @click.native="handleCopyIcon(index, $event)"
         >
           <vab-remix-icon
diff --git a/src/views/vab/imgComparison/index.vue b/src/views/vab/imgComparison/index.vue
index f6f183b..dbd14b5 100644
--- a/src/views/vab/imgComparison/index.vue
+++ b/src/views/vab/imgComparison/index.vue
@@ -12,7 +12,7 @@
       >
         <vab-comparison
           :id="'silder-' + index"
-          style="margin-bottom: 12px;"
+          style="margin-bottom: 12px"
           :width="comparison.width"
           :height="comparison.height"
           :src1="comparison.src1"
diff --git a/src/views/vab/more/index.vue b/src/views/vab/more/index.vue
index 488fa0d..331da2c 100644
--- a/src/views/vab/more/index.vue
+++ b/src/views/vab/more/index.vue
@@ -8,7 +8,7 @@
         <el-card>
           <div slot="header">
             开源版本
-            <el-button style="float: right; padding: 3px 0;" type="text">
+            <el-button style="float: right; padding: 3px 0" type="text">
               永久免费 个人/商业使用
             </el-button>
           </div>
@@ -25,9 +25,7 @@
                   支持白嫖，也请给个star
                 </a>
               </li>
-              <li>
-                提供讨论群专属文档，QQ群 972435319
-              </li>
+              <li>提供讨论群专属文档，QQ群 972435319</li>
             </ul>
           </div>
         </el-card>
@@ -36,7 +34,7 @@
         <el-card>
           <div slot="header">
             VIP群
-            <el-button style="float: right; padding: 3px 0;" type="text">
+            <el-button style="float: right; padding: 3px 0" type="text">
               ￥100
             </el-button>
           </div>
@@ -57,7 +55,7 @@
         <el-card>
           <div slot="header">
             开源版授权 商业用途 完全自定义版权
-            <el-button style="float: right; padding: 3px 0;" type="text">
+            <el-button style="float: right; padding: 3px 0" type="text">
               ￥299
             </el-button>
           </div>
@@ -78,7 +76,7 @@
         <el-card>
           <div slot="header">
             PRO版
-            <el-button style="float: right; padding: 3px 0;" type="text">
+            <el-button style="float: right; padding: 3px 0" type="text">
               ￥599
             </el-button>
           </div>
@@ -94,9 +92,7 @@
                 </a>
               </li>
               <li>PRO独立版本与开源版本不同</li>
-              <li>
-                无开源版限制，无版权限制，无需额外配置，拿来即用
-              </li>
+              <li>无开源版限制，无版权限制，无需额外配置，拿来即用</li>
               <li>免费加入vue-admin-beautifl github团队</li>
               <li>提供16种布局主题搭配</li>
               <li>图标使用方式大为简化</li>
diff --git a/src/views/vab/permissions/index.vue b/src/views/vab/permissions/index.vue
index 54a95cf..5fb8548 100644
--- a/src/views/vab/permissions/index.vue
+++ b/src/views/vab/permissions/index.vue
@@ -22,9 +22,7 @@
         {{ JSON.stringify(permissions) }}
       </el-form-item>
     </el-form>
-    <el-divider content-position="left">
-      按钮级权限演示
-    </el-divider>
+    <el-divider content-position="left">按钮级权限演示</el-divider>
     <el-button v-permissions="['admin']" type="primary">
       我是拥有["admin"]权限的按钮
     </el-button>
diff --git a/src/views/vab/smallComponents/index.vue b/src/views/vab/smallComponents/index.vue
index 5e3751b..e82d26d 100644
--- a/src/views/vab/smallComponents/index.vue
+++ b/src/views/vab/smallComponents/index.vue
@@ -17,7 +17,7 @@
           <div slot="header">
             <span>profile</span>
             <el-button
-              style="float: right; padding: 3px 0;"
+              style="float: right; padding: 3px 0"
               type="text"
               @click="handleProfile"
             >
diff --git a/src/views/vab/table/inlineEditTable.vue b/src/views/vab/table/inlineEditTable.vue
index 322411c..b0e7939 100644
--- a/src/views/vab/table/inlineEditTable.vue
+++ b/src/views/vab/table/inlineEditTable.vue
@@ -18,7 +18,7 @@
       <el-table-column show-overflow-tooltip min-width="300px" label="标题">
         <template slot-scope="{ row }">
           <template v-if="row.edit">
-            <el-input v-model="row.title" style="width: 300px;" />
+            <el-input v-model="row.title" style="width: 300px" />
             <el-button
               class="cancel-btn"
               type="warning"