diff --git a/src/layout/header-aside/components/header-theme/components/d2-theme-list/index.vue b/src/layout/header-aside/components/header-theme/components/d2-theme-list/index.vue
index e3d3e503..035b45bd 100644
--- a/src/layout/header-aside/components/header-theme/components/d2-theme-list/index.vue
+++ b/src/layout/header-aside/components/header-theme/components/d2-theme-list/index.vue
@@ -1,17 +1,39 @@
 <template>
-  <el-table :data="list" v-bind="table">
-    <el-table-column prop="title" align="center" width="160"/>
-    <el-table-column label="预览" width="120">
+  <el-table
+    :data="list"
+    v-bind="table">
+    <el-table-column
+      prop="title"
+      align="center"
+      width="160"/>
+    <el-table-column
+      label="预览"
+      width="120">
       <div
         slot-scope="scope"
         class="theme-preview"
-        :style="{'backgroundImage': `url(${$baseUrl}${scope.row.preview})`}">
+        :style="{
+          backgroundImage: `url(${$baseUrl}${scope.row.preview})`
+        }">
       </div>
     </el-table-column>
-    <el-table-column prop="address" align="center">
+    <el-table-column
+      prop="address"
+      align="center">
       <template slot-scope="scope">
-        <el-button v-if="activeName === scope.row.name" type="success" icon="el-icon-check" round>已激活</el-button>
-        <el-button v-else round @click="handleSelectTheme(scope.row.name)">使用</el-button>
+        <el-button
+          v-if="activeName === scope.row.name"
+          type="success"
+          icon="el-icon-check"
+          round>
+          已激活
+        </el-button>
+        <el-button
+          v-else
+          round
+          @click="handleSelectTheme(scope.row.name)">
+          使用
+        </el-button>
       </template>
     </el-table-column>
   </el-table>
diff --git a/src/layout/header-aside/components/header-theme/index.vue b/src/layout/header-aside/components/header-theme/index.vue
index 7b344188..1b54686a 100644
--- a/src/layout/header-aside/components/header-theme/index.vue
+++ b/src/layout/header-aside/components/header-theme/index.vue
@@ -1,11 +1,23 @@
 <template>
   <div>
-    <el-tooltip effect="dark" content="主题" placement="bottom">
-      <el-button class="d2-ml-0 d2-mr btn-text can-hover" type="text" @click="dialogVisible = true">
-        <d2-icon name="diamond" style="font-size: 16px"/>
+    <el-tooltip
+      effect="dark"
+      content="主题"
+      placement="bottom">
+      <el-button
+        class="d2-ml-0 d2-mr btn-text can-hover"
+        type="text"
+        @click="dialogVisible = true">
+        <d2-icon
+          name="diamond"
+          style="font-size: 16px"/>
       </el-button>
     </el-tooltip>
-    <el-dialog title="主题" width="600px" :visible.sync="dialogVisible" :append-to-body="true">
+    <el-dialog
+      title="主题"
+      width="600px"
+      :visible.sync="dialogVisible"
+      :append-to-body="true">
       <d2-theme-list style="margin-top: -25px;"/>
     </el-dialog>
   </div>