diff --git a/src/components/core/d2-layout-main/index.vue b/src/components/core/d2-layout-main/index.vue
index 3bb91351..e7076c58 100644
--- a/src/components/core/d2-layout-main/index.vue
+++ b/src/components/core/d2-layout-main/index.vue
@@ -5,8 +5,8 @@
       <!-- 顶栏 -->
       <el-header>
         <div class="logo-group" :style="{width: collapse ? asideWidthCollapse : asideWidth}">
-          <img v-if="collapse" :src="`${$assetsPublicPath}static/image/theme/${themeName}/logo/icon-only.png`">
-          <img v-else :src="`${$assetsPublicPath}static/image/theme/${themeName}/logo/all.png`">
+          <img v-if="collapse" :src="`${$assetsPublicPath}static/image/theme/${themeActive.value}/logo/icon-only.png`">
+          <img v-else :src="`${$assetsPublicPath}static/image/theme/${themeActive.value}/logo/all.png`">
         </div>
         <div class="toggle-aside-btn" @click="collapse = !collapse">
           <d2-icon name="bars"/>
@@ -65,24 +65,23 @@ export default {
   },
   computed: {
     ...mapState({
-      themeName: state => state.theme.name,
-      themeBackGroundImage: state => state.theme.backGroundImage
+      themeActive: state => state.d2admin.themeActive
     }),
     styleLayoutMainGroup () {
       return {
-        ...this.themeBackGroundImage ? {
-          backgroundImage: `url('${this.$assetsPublicPath}${this.themeBackGroundImage}')`
+        ...this.themeActive.backgroundImage ? {
+          backgroundImage: `url('${this.$assetsPublicPath}${this.themeActive.backgroundImage}')`
         } : {}
       }
     }
   },
   mounted () {
     // 加载主题
-    this.loadTheme()
+    this.d2adminThemeLoadFromLo()
   },
   methods: {
     ...mapMutations([
-      'loadTheme'
+      'd2adminThemeLoadFromLo'
     ])
   }
 }
diff --git a/src/components/core/d2-theme-list/index.vue b/src/components/core/d2-theme-list/index.vue
index f4012227..239ad764 100644
--- a/src/components/core/d2-theme-list/index.vue
+++ b/src/components/core/d2-theme-list/index.vue
@@ -2,7 +2,11 @@
   <el-table :data="themeList" v-bind="table">
     <el-table-column prop="name" align="center" width="160"/>
     <el-table-column label="预览" width="220">
-      <div slot-scope="scope" class="theme-preview" :style="{'backgroundImage': `url(${$assetsPublicPath}${scope.row.preview})`}"></div>
+      <div
+        slot-scope="scope"
+        class="theme-preview"
+        :style="{'backgroundImage': `url(${$assetsPublicPath}${scope.row.preview})`}">
+      </div>
     </el-table-column>
     <el-table-column prop="address" align="center">
       <template slot-scope="scope">
@@ -33,10 +37,10 @@ export default {
   },
   methods: {
     ...mapMutations([
-      'setTheme'
+      'd2adminThemeSet'
     ]),
-    handleSelectTheme (name) {
-      this.setTheme(name)
+    handleSelectTheme (value) {
+      this.d2adminThemeSet(value)
     }
   }
 }
diff --git a/src/libs/db.js b/src/libs/db.js
new file mode 100644
index 00000000..bcb69441
--- /dev/null
+++ b/src/libs/db.js
@@ -0,0 +1,12 @@
+import low from 'lowdb'
+import LocalStorage from 'lowdb/adapters/LocalStorage'
+
+const adapter = new LocalStorage('d2admin')
+const db = low(adapter)
+
+db.defaults({
+  themeActive: []
+})
+  .write()
+
+export default db
diff --git a/src/mock/login/index.js b/src/mock/login/index.js
index a7e57619..648288d5 100644
--- a/src/mock/login/index.js
+++ b/src/mock/login/index.js
@@ -4,6 +4,7 @@ const userDB = [
   {
     username: 'admin',
     password: 'admin',
+    uuid: '0000000001',
     name: '管理员'
   }
 ]
diff --git a/src/pages/core/login/index.vue b/src/pages/core/login/index.vue
index 6fba8db1..c84b6c6b 100644
--- a/src/pages/core/login/index.vue
+++ b/src/pages/core/login/index.vue
@@ -93,10 +93,7 @@ export default {
               const setting = {
                 expires: 1
               }
-              // 不要像下面这样写 请改写为你的保存用户逻辑
-              // 保存用户名密码 不等于真正保存到了本地
-              // Cookies.set('username', res.username, setting)
-              // Cookies.set('password', res.password, setting)
+              Cookies.set('uuid', res.uuid, setting)
               Cookies.set('token', res.token, setting)
               // 跳转路由
               this.$router.push({
diff --git a/src/store/modules/d2admin.js b/src/store/modules/d2admin.js
index a6a58349..3a6d62ab 100644
--- a/src/store/modules/d2admin.js
+++ b/src/store/modules/d2admin.js
@@ -2,15 +2,19 @@ import util from '@/libs/util.js'
 
 import themeList from '@/assets/style/theme/list.js'
 
+import db from '@/libs/db.js'
+
 export default {
   state: {
     // 系统
     appName: 'D2Admin',
+    // 用户
+    userId: '',
     // 全屏
     isFullScreen: false,
     // 主题
     themeList,
-    themeActive: themeList[0]
+    themeActive: themeList[1]
   },
   mutations: {
     /**
@@ -25,6 +29,21 @@ export default {
         util.openFullScreen()
         state.isFullScreen = true
       }
+    },
+    /**
+     * 激活新的主题
+     * @param {state} state vuex state
+     */
+    d2adminThemeSet (state, themeActiveValue) {
+      console.log('d2adminThemeSet', themeActiveValue)
+    },
+    /**
+     * 从本地加载主题设置
+     * @param {state} state vuex state
+     */
+    d2adminThemeLoadFromLo (state) {
+      console.log(db.get('themeActive').find({name: 'hhh'}).value())
+      // db.get('themeActive').push({name: 'hhh'}).write()
     }
   }
 }