diff --git a/src/App.vue b/src/App.vue
index 88ca943..e2af47c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,7 +9,7 @@
       <Star v-show="view === 'Star'" />
       <History v-show="view === 'History'" />
       <Setting v-show="view === 'Setting'" />
-      <EditSites v-if="editSites.show"/>
+      <EditSites v-show="view === 'EditSites'"/>
     </div>
     <transition name="slide">
       <Detail v-if="detail.show"/>
diff --git a/src/components/EditSites.vue b/src/components/EditSites.vue
index cb2919d..48b4888 100644
--- a/src/components/EditSites.vue
+++ b/src/components/EditSites.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="listpage" id="editSites">
     <div class="listpage-content">
-       <div class="listpage-header">
-          <span class="btn" @click="addSite">添加</span>
-          <span class="btn" @click="exportSites">导出</span>
-          <span class="btn" @click="importSites">导入</span>
-          <span class="btn" @click="removeAllSites">清空</span>
-          <span class="btn" @click="resetSitesEvent">重置</span>
-       </div>
+      <div class="listpage-header">
+        <span class="btn" @click="addSite">添加</span>
+        <span class="btn" @click="exportSites">导出</span>
+        <span class="btn" @click="importSites">导入</span>
+        <span class="btn" @click="removeAllSites">清空</span>
+        <span class="btn" @click="resetSitesEvent">重置</span>
+      </div>
       <div class="listpage-body" id="sites-table">
         <el-table
               :data="sites"
@@ -52,6 +52,7 @@
         </el-dialog>
     </div>
    </div>
+
   </div>
 </template>
 <script>
diff --git a/src/components/History.vue b/src/components/History.vue
index c2b01a7..e3b4fb8 100644
--- a/src/components/History.vue
+++ b/src/components/History.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="listpage" id="history">
     <div class="listpage-content">
-       <div class="listpage-header">
-          <span class="btn"></span>
-          <span class="btn" @click="clearAllHistory">清空</span>
-       </div>
+      <div class="listpage-header">
+        <span class="btn"></span>
+        <span class="btn" @click="clearAllHistory">清空</span>
+      </div>
       <div class="listpage-body" id="history-table">
         <el-table
               :data="history"
diff --git a/src/components/Setting.vue b/src/components/Setting.vue
index 007322c..2f61ee9 100644
--- a/src/components/Setting.vue
+++ b/src/components/Setting.vue
@@ -170,6 +170,14 @@ export default {
     }
   },
   computed: {
+    view: {
+      get () {
+        return this.$store.getters.getView
+      },
+      set (val) {
+        this.SET_VIEW(val)
+      }
+    },
     setting: {
       get () {
         return this.$store.getters.getSetting
@@ -177,18 +185,10 @@ export default {
       set (val) {
         this.SET_SETTING(val)
       }
-    },
-    editSites: {
-      get () {
-        return this.$store.getters.getEditSites
-      },
-      set (val) {
-        this.SET_EDITSITES(val)
-      }
     }
   },
   methods: {
-    ...mapMutations(['SET_SETTING', 'SET_EDITSITES']),
+    ...mapMutations(['SET_SETTING', 'SET_VIEW']),
     linkOpen (e) {
       shell.openExternal(e)
     },
@@ -277,10 +277,7 @@ export default {
       this.updateSettingEvent()
     },
     editSitesEvent () {
-      this.editSites = {
-        show: true,
-        sites: this.sitesList
-      }
+      this.view = 'EditSites'
     },
     changeTheme (e) {
       this.d.theme = e
diff --git a/src/components/Star.vue b/src/components/Star.vue
index dff9e75..7148aeb 100644
--- a/src/components/Star.vue
+++ b/src/components/Star.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="listpage" id="star">
     <div class="listpage-content">
-       <div class="listpage-header">
-          <span class="btn" @click="exportFavoritesEvent">导出</span>
-          <span class="btn" @click="importFavoritesEvent">导入</span>
-          <span class="btn" @click="clearFavoritesEvent">清空</span>
-          <span class="btn" @click="updateAllEvent">同步所有收藏</span>
-       </div>
+      <div class="listpage-header">
+        <span class="btn" @click="exportFavoritesEvent">导出</span>
+        <span class="btn" @click="importFavoritesEvent">导入</span>
+        <span class="btn" @click="clearFavoritesEvent">清空</span>
+        <span class="btn" @click="updateAllEvent">同步所有收藏</span>
+      </div>
       <div class="listpage-body" id="list-table">
         <el-table
               :data="list"