diff --git a/App.vue b/App.vue
index 67a49b9..a526b47 100644
--- a/App.vue
+++ b/App.vue
@@ -1,14 +1,26 @@
 <script>
-import useGetToken from "@/hooks/user/useGetToken";
+// import { mapState } from 'vuex';
 
 export default {
+  // computed: {
+  //   ...mapState(['theme']),
+  // },
+
+  // watch: {
+  //   theme(newTheme) {
+  //     console.log('newTheme: ', newTheme);
+  //     if (!newTheme) return;
+  //     this.loadTheme();
+  //   },
+  // },
+
   async onLaunch(options) {
+    // this.loadTheme();
     console.log('onLaunch options: ', options);
     this.checkNetwork(); // 监听网络状态
     this.getSystemInfo(); // 获取系统设备信息、
-    this.syncLocalDataToStore(options.query.u); // 将localStorage里的数据同步到store里
-
-    const token = await useGetToken();
+    await this.syncLocalDataToStore(options.query.u); // 将localStorage里的数据同步到store里
+    const token = await this.getToken();
     if (!token) {
       this.$ui.showToast('获取用户信息失败, 请登录');
       // TODO: 跳转登录界面
@@ -19,29 +31,71 @@ export default {
   },
 
   methods: {
+    // loadTheme() {
+    //   const path = this.theme.replace('-', '/');
+    //   import(`./common/styles/${path}.scss`);
+    // },
+
+    async getToken() {
+      const { token } = this.$store.state.user;
+      const tokenIsAvailable = this.$store.getters['user/tokenIsAvailable'];
+      const userId = this.$store.getters['user/userId'];
+      if (token && tokenIsAvailable) {
+        // 1.1 store里有token 且没过期直接：使用store的token
+        return token;
+      } else {
+        // 2. 根据userId获取token
+        if (userId) {
+          try {
+            const { token } = await this.$store.dispatch('user/getTokenByUserId', userId);
+            return token;
+          } catch (error) {
+            console.error('error: ', error);
+            return null;
+          }
+        } else {
+          return null;
+        }
+      }
+    },
+
     /**
      * 将localStorage里的数据同步到store里
      * user, token, tokenExpiredTime
      */
     syncLocalDataToStore(urlUserId) {
-      const localUser = uni.$storage.getStorageSync('user');
-      const localToken = uni.$storage.getStorageSync('anyringToken');
-      const tokenExpiredTime = uni.$storage.getStorageSync('tokenExpiredTime');
-      if (!this.$store.state.user.user && localUser) {
-        // 同步user信息
-        const user = JSON.parse(localUser);
-        if (!urlUserId || user.id === urlUserId) {
-          this.$store.commit('user/setUser', user);
-        } else {
-          this.$store.commit('user/setUser', { id: urlUserId });
+      return new Promise((resolve, reject) => {
+        try {
+          const localUser = uni.$storage.getStorageSync('user');
+          const localToken = uni.$storage.getStorageSync('anyringToken');
+          const tokenExpiredTime = uni.$storage.getStorageSync('tokenExpiredTime');
+          if (!this.$store.state.user.user) {
+            if (localUser) {
+              // 同步user信息
+              const user = JSON.parse(localUser);
+              if (!urlUserId || user.id === urlUserId) {
+                this.$store.commit('user/setUser', user);
+              } else {
+                this.$store.commit('user/setUser', { id: urlUserId });
+              }
+            } else {
+              this.$store.commit('user/setUser', { id: urlUserId });
+            }
+          }
+
+          if (this.$store.state.user.token && localToken) {
+            // 同步token
+            this.$store.commit('user/setToken', localToken);
+          }
+          if (this.$store.state.user.tokenExpiredTime && tokenExpiredTime) {
+            // 同步tokenExpiredTime
+            this.$store.commit('user/setTokenExpiredTime', +tokenExpiredTime);
+          }
+          resolve();
+        } catch (error) {
+          reject(error);
         }
-      }
-      if (this.$store.state.user.token && localToken) { // 同步token
-        this.$store.commit('user/setToken', localToken);
-      }
-      if (this.$store.state.user.tokenExpiredTime && tokenExpiredTime) { // 同步tokenExpiredTime
-        this.$store.commit('user/setTokenExpiredTime', +tokenExpiredTime);
-      }
+      });
     },
 
     // 检查网络状态 设置store里的网络状态变量
@@ -93,7 +147,8 @@ export default {
      */
     async noPhone(phone) {
       if (!phone) {
-        uni.navigateTo({ title: '/pages/phone-bind/phone-bind' });
+        // TODO:
+        // uni.navigateTo({ url: '/pages/phone-bind/phone-bind' });
       }
     },
   },
@@ -102,10 +157,11 @@ export default {
 
 <style lang="scss">
 /*每个页面公共css */
-@import "@/uni_modules/vk-uview-ui/index.scss";
+@import '@/uni_modules/vk-uview-ui/index.scss';
 @import '@/common/styles/iconfont.scss';
 @import '@/common/styles/app.scss';
 @import '@/common/styles/tailwind.scss';
+@import '@/common/styles/theme/index.scss';
 
 page {
   height: 100%;
diff --git a/CHANGELOG.md b/CHANGELOG.md
index ed9bd7f..7146ab4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,7 @@
  - | 添加 timeline | [72dad2b](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/72dad2b)
  - | 项目操作面板 | [3beb05e](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/3beb05e)
  - | 项目列表 | [a52e6d5](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/a52e6d5)
+ - | 账户名密码登录 | [ebf456e](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/ebf456e)
  - | app.vue | [970cf9a](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/970cf9a)
  - | first commit | [8dc26de](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/8dc26de)
  - | vue3 | [12ed2ad](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/12ed2ad)
diff --git a/common/styles/theme/default.scss b/common/styles/theme/default.scss
new file mode 100644
index 0000000..29733e9
--- /dev/null
+++ b/common/styles/theme/default.scss
@@ -0,0 +1,8 @@
+// 默认主题文件
+.theme-default {
+  background-color: #333;
+  .u-card {
+    font-size: 24px !important;
+    color: #0f0;
+  }
+}
diff --git a/common/styles/theme/index.scss b/common/styles/theme/index.scss
new file mode 100644
index 0000000..b0b9f88
--- /dev/null
+++ b/common/styles/theme/index.scss
@@ -0,0 +1,5 @@
+// 整合所有主题
+
+// 默认主题
+@import './default.scss';
+@import './test.scss';
diff --git a/common/styles/theme/test.scss b/common/styles/theme/test.scss
new file mode 100644
index 0000000..e29dddc
--- /dev/null
+++ b/common/styles/theme/test.scss
@@ -0,0 +1,8 @@
+// TODO: 测试用的scss主题样式
+.theme-test {
+  background-color: #fff;
+  .u-card {
+    font-size: 24px !important;
+    background-color: #ff0 !important;
+  }
+}
diff --git a/components/Globals/Globals.vue b/components/Globals/Globals.vue
index dcdec0c..e8d5f9c 100644
--- a/components/Globals/Globals.vue
+++ b/components/Globals/Globals.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="m-2" v-show="globals && globals.length">
+  <theme class="m-2" >
     <u-card
       @click="openCard"
       :show-foot="false"
@@ -7,14 +7,16 @@
       :style="{ 'max-height': globalsHeight + 'px' }"
       border-radius="25"
       margin="0"
+      class="global-container"
     >
-      <view slot="body">
+      <template v-slot:body>
         <scroll-view :scrollY="true" :style="{ 'max-height': globalsHeight - 30 + 'px' }">
-          <skeleton :banner="false" :loading="!globals.length" :row="4" animate class="u-line-2 skeleton"></skeleton>
+          <skeleton :banner="false" :loading="!globals.length" :row="3" animate class="u-line-2 skeleton"></skeleton>
+
           <view class="grid gap-2">
-            <block v-for="item in globals" :key="item.id">
-              <template v-if="item.plugins">
-                <block v-for="(pluginArr, i) in item.plugins" :key="i">
+            <view v-for="item in globals" :key="item.id">
+              <template v-if="item.plugins && item.plugins.length">
+                <view v-for="(pluginArr, i) in item.plugins" :key="i">
                   <template class="p-0 u-col-between" v-if="pluginArr.length">
                     <Plugin
                       :class="[`row-span-${plugin.row}`, `col-span-${plugin.col}`]"
@@ -27,26 +29,32 @@
                       v-for="plugin in pluginArr"
                     />
                   </template>
-                </block>
+                </view>
               </template>
-            </block>
+
+              <!-- 任务名插件 -->
+              <p-task-title :task="item" v-else />
+              <!-- 交付物插件 -->
+              <p-deliver></p-deliver>
+            </view>
           </view>
         </scroll-view>
-      </view>
+      </template>
     </u-card>
-  </view>
+  </theme>
 </template>
 
 <script setup>
 import { computed } from 'vue';
-import { useStore } from 'vuex';
+import { useStore } from 'vuex';
 import Skeleton from '@/components/Skeleton/Skeleton.vue';
 
+const sysHeight = uni.getSystemInfoSync().screenHeight; // 屏幕的高度
+const globalsHeight = Math.floor(((sysHeight - 44 - 30 - 10) / 5) * 4); // 全局任务的最大高度
 const store = useStore();
-const isShrink = computed(() => store.state.task.isShrink);
-const sysHeight = uni.getSystemInfoSync().screenHeight;
+const isShrink = computed(() => store.state.task.isShrink); // 全局任务是否收缩
 const globals = computed(() => store.getters['task/globals']);
-const globalsHeight = computed(() => [((sysHeight.value - 44 - 30 - 10) / 5) * 4]);
+console.log('globals: ', globals.value);
 
 // 手动展开日常任务
 function openCard() {
diff --git a/components/Theme/Theme.vue b/components/Theme/Theme.vue
new file mode 100644
index 0000000..93a6e4b
--- /dev/null
+++ b/components/Theme/Theme.vue
@@ -0,0 +1,13 @@
+<template>
+  <view :class="[theme]">
+    <slot></slot>
+  </view>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+import { useStore } from 'vuex';
+
+const store = useStore();
+const theme = computed(() => store.state.theme);
+</script>
diff --git a/components/TimeLine/component/Title.vue b/components/TimeLine/component/Title.vue
index fafec0b..e69de29 100644
--- a/components/TimeLine/component/Title.vue
+++ b/components/TimeLine/component/Title.vue
@@ -1,7 +0,0 @@
-<!--
- * @Author: aBin
- * @email: binbin0314@126.com
- * @Date: 2021-07-19 15:40:02
- * @LastEditors: aBin
- * @LastEditTime: 2021-07-19 15:40:03
--->
diff --git a/components/Title/components/CreateTask.vue b/components/Title/components/CreateTask.vue
index d12ac71..030d6d4 100644
--- a/components/Title/components/CreateTask.vue
+++ b/components/Title/components/CreateTask.vue
@@ -55,7 +55,7 @@
                   :key="roleIndex"
                   @click="change(roleIndex)"
                 >
-                  <view v-model="role.id">{{ role.name }}</view>
+                  <view>{{ role.name }}</view>
                   <u-icon v-if="role.dropdownShow" name="checkbox-mark" color="#2979ff" size="28"></u-icon>
                 </div>
               </view>
@@ -107,7 +107,7 @@
                   :key="Index"
                   @click="choose(Index)"
                 >
-                  <view v-model="checkoutOption.value">{{ checkoutOption.name }}</view>
+                  <view>{{ checkoutOption.name }}</view>
                   <u-icon v-if="checkoutOption.dropdownShow" name="checkbox-mark" color="#2979ff" size="28"></u-icon>
                 </div>
               </view>
diff --git a/hooks/theme/useTheme.js b/hooks/theme/useTheme.js
new file mode 100644
index 0000000..c9ea155
--- /dev/null
+++ b/hooks/theme/useTheme.js
@@ -0,0 +1,7 @@
+import { computed } from 'vue';
+import { useStore } from 'vuex';
+export default function useTheme() {
+  const store = useStore();
+  const theme = computed(() => store.state.theme);
+  return theme;
+}
diff --git a/hooks/user/useGetToken.js b/hooks/user/useGetToken.js
index 03b4ae3..fd20a36 100644
--- a/hooks/user/useGetToken.js
+++ b/hooks/user/useGetToken.js
@@ -16,6 +16,7 @@ export default async function useGetToken() {
   const token = computed(() => store.state.user.token);
   const tokenIsAvailable = computed(() => store.getters['user/tokenIsAvailable']); // token是否可用
   const userId = computed(() => store.getters['user/userId']);
+  debugger;
   if (token.value && tokenIsAvailable.value) {
     // 1.1 store里有token 且没过期直接：使用store的token
     return token.value;
diff --git a/package.json b/package.json
index 53a7794..2219e54 100644
--- a/package.json
+++ b/package.json
@@ -53,6 +53,7 @@
 	"scripts": {
 		"test": "echo \"Error: no test specified\" && exit 1",
 		"cz": "npm run log && git add . && git cz",
+		"fix": "eslint --fix",
 		"log": "conventional-changelog --config ./node_modules/vue-cli-plugin-commitlint/lib/log -i CHANGELOG.md -s -r 0"
 	},
 	"author": "",
diff --git a/pages.json b/pages.json
index 159cd88..a3be40c 100644
--- a/pages.json
+++ b/pages.json
@@ -5,20 +5,20 @@
 			"style": {
 				"navigationBarText": "TALL"
 			}
-		},
-		{
-			"path": "pages/project/project",
-			"style": {
-				"navigationStyle": "custom",
-				"navigationBarTextStyle": "white"
-			}
-		},
-		{
-			"path": "pages/user/accountLogin",
-			"style": {
-				"navigationStyle": "custom",
-				"navigationBarTextStyle": "white"
-			}
+		},
+		{
+			"path": "pages/project/project",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTextStyle": "white"
+			}
+		},
+		{
+			"path": "pages/user/accountLogin",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTextStyle": "white"
+			}
 		}
 	],
 	"globalStyle": {
@@ -26,12 +26,13 @@
 		"navigationBarTitleText": "TALL",
 		"navigationBarBackgroundColor": "#F8F8F8",
 		"backgroundColor": "#F8F8F8"
-	},
-	"easycom": {
-		"autoscan": true,
-		"custom": {
-			"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue",
-			"^p-(.*)": "@/plugins/p-$1/p-$1.vue"
-		}
+	},
+	"easycom": {
+		"autoscan": true,
+		"custom": {
+			"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue",
+			"^p-(.*)": "@/plugins/p-$1/p-$1.vue",
+			"theme": "@/components/Theme/Theme.vue"
+		}
 	}
 }
diff --git a/pages/index/index.vue b/pages/index/index.vue
index b78e509..5b0349e 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,135 +1,135 @@
-<template>
-	<!-- <view class="flex flex-col h-full bg-gray-50" @click="openAuth"> -->
-	<view class="flex flex-col h-full bg-gray-50">
-		<view class="relative" @touchmove="onMove">
-			<!-- 日历 -->
-			<Calendar @selected-change="onDateChange" :show-back="true" ref="calendar" @handleFindPoint="handleFindPoint" />
-			<!-- 上传 导入wbs -->
-			<Upload @success="onUploadSuccess" @error="onUploadError" />
-		</view>
-
-		<!-- 项目列表 -->
-		<Projects @getProjects="getProjects" class="flex-1 overflow-y-auto" />
-
-		<!-- 全局提示框 -->
-		<u-top-tips ref="uTips"></u-top-tips>
-	</view>
-</template>
-
-<script setup>
-import { reactive, computed, watchEffect, ref } from 'vue';
-import { useStore } from 'vuex';
-import dayjs from 'dayjs';
-
-const store = useStore();
+<template>
+	<!-- <view class="flex flex-col h-full bg-gray-50" @click="openAuth"> -->
+	<view class="flex flex-col h-full bg-gray-50">
+		<view class="relative" @touchmove="onMove">
+			<!-- 日历 -->
+			<Calendar @selected-change="onDateChange" :show-back="true" ref="calendar" @handleFindPoint="handleFindPoint" />
+			<!-- 上传 导入wbs -->
+			<Upload @success="onUploadSuccess" @error="onUploadError" />
+		</view>
+
+		<!-- 项目列表 -->
+		<Projects @getProjects="getProjects" class="flex-1 overflow-y-auto" />
+
+		<!-- 全局提示框 -->
+		<u-top-tips ref="uTips"></u-top-tips>
+	</view>
+</template>
+
+<script setup>
+import { reactive, computed, watchEffect, ref } from 'vue';
+import { useStore } from 'vuex';
+import dayjs from 'dayjs';
+
+const store = useStore();
 const token = computed(() => store.state.user.token);
-const uTips = ref(null);
-
-const data = reactive({
-  calendar: null,
-  days: [],
-});
-
-// 监听token
-watchEffect(() => {
-  if (!token.value) return;
-  if (token.value) {
-    getProjects();
-    handleFindPoint();
-  }
-});
-
-// 获取项目列表
-function getProjects(start = dayjs().startOf('day').valueOf(), end = dayjs().endOf('day').valueOf()) {
-  // const data = await this.$u.api.getProjects(start, end);
-  uni.$catchReq.getProjects(start, end, (err, data) => {
-    if (err) {
-      console.error('err: ', err);
-    } else {
-      data.forEach(item => {
-        item.show = false;
-      });
-      store.commit('project/setProjects', data);
-    }
-  });
-}
-
-async function handleFindPoint(start, end) {
-  try {
-    const startTime = start || dayjs().startOf('month').valueOf();
-    const endTime = end || dayjs().endOf('month').valueOf();
-    const res = await uni.$u.api.findRedPoint(startTime, endTime);
-    store.commit('project/setDotList', res);
-  } catch (error) {
-    console.log('error: ', error);
-  }
-}
-
-// 点击了某个日期
-const onDateChange = event => {
-  const day = dayjs(event.fullDate);
-  const start = day.startOf('date').valueOf();
-  const end = day.endOf('date').valueOf();
-  getProjects(start, end);
-};
-
-// 导入成功
-const onUploadSuccess = () => {
-  uTips.show({
-    title: '导入成功，即将打开新项目',
-    type: 'success',
-    duration: '3000',
-  });
-};
-
-// 导入失败
-const onUploadError = error => {
-  uTips.show({
-    title: error || '导入失败',
-    type: 'error',
-    duration: '6000',
-  });
-};
-
-// 监听触摸滑动 切换日历的模式 月/周
-function onMove(event) {
-  const y = event.changedTouches[0].pageY;
-  if (y - prevY > 0) {
-    // 向下滑动 如果是周视图weekMode=true 就 变成 月视图weekMode=false
-    data.value.calendar.weekMode && (data.value.calendar.weekMode = false);
-  } else if (y - prevY < 0) {
-    // 向上滑动 如果是月视图weekMode=false 就变成 周视图weekMode=true
-    !data.value.calendar.weekMode && (data.value.calendar.weekMode = true);
-  }
-  prevY = y;
-  data.value.calendar.initDate();
-}
-</script>
-
-<style>
-	.content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.logo {
-		height: 200rpx;
-		width: 200rpx;
-		margin-top: 200rpx;
-		margin-left: auto;
-		margin-right: auto;
-		margin-bottom: 50rpx;
-	}
-
-	.text-area {
-		display: flex;
-		justify-content: center;
-	}
-
-	.title {
-		font-size: 36rpx;
-		color: #8f8f94;
-	}
+const uTips = ref(null);
+
+const data = reactive({
+  calendar: null,
+  days: [],
+});
+
+// 监听token
+watchEffect(() => {
+  if (!token.value) return;
+  if (token.value) {
+    getProjects();
+    handleFindPoint();
+  }
+});
+
+// 获取项目列表
+function getProjects(start = dayjs().startOf('day').valueOf(), end = dayjs().endOf('day').valueOf()) {
+  // const data = await this.$u.api.getProjects(start, end);
+  uni.$catchReq.getProjects(start, end, (err, data) => {
+    if (err) {
+      console.error('err: ', err);
+    } else {
+      data.forEach(item => {
+        item.show = false;
+      });
+      store.commit('project/setProjects', data);
+    }
+  });
+}
+
+async function handleFindPoint(start, end) {
+  try {
+    const startTime = start || dayjs().startOf('month').valueOf();
+    const endTime = end || dayjs().endOf('month').valueOf();
+    const res = await uni.$u.api.findRedPoint(startTime, endTime);
+    store.commit('project/setDotList', res);
+  } catch (error) {
+    console.log('error: ', error);
+  }
+}
+
+// 点击了某个日期
+const onDateChange = event => {
+  const day = dayjs(event.fullDate);
+  const start = day.startOf('date').valueOf();
+  const end = day.endOf('date').valueOf();
+  getProjects(start, end);
+};
+
+// 导入成功
+const onUploadSuccess = () => {
+  uTips.show({
+    title: '导入成功，即将打开新项目',
+    type: 'success',
+    duration: '3000',
+  });
+};
+
+// 导入失败
+const onUploadError = error => {
+  uTips.show({
+    title: error || '导入失败',
+    type: 'error',
+    duration: '6000',
+  });
+};
+
+// 监听触摸滑动 切换日历的模式 月/周
+function onMove(event) {
+  const y = event.changedTouches[0].pageY;
+  if (y - prevY > 0) {
+    // 向下滑动 如果是周视图weekMode=true 就 变成 月视图weekMode=false
+    data.value.calendar.weekMode && (data.value.calendar.weekMode = false);
+  } else if (y - prevY < 0) {
+    // 向上滑动 如果是月视图weekMode=false 就变成 周视图weekMode=true
+    !data.value.calendar.weekMode && (data.value.calendar.weekMode = true);
+  }
+  prevY = y;
+  data.value.calendar.initDate();
+}
+</script>
+
+<style>
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.logo {
+  height: 200rpx;
+  width: 200rpx;
+  margin-top: 200rpx;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 50rpx;
+}
+
+.text-area {
+  display: flex;
+  justify-content: center;
+}
+
+.title {
+  font-size: 36rpx;
+  color: #8f8f94;
+}
 </style>
diff --git a/pages/project/project.vue b/pages/project/project.vue
index f83fb1e..6337f25 100644
--- a/pages/project/project.vue
+++ b/pages/project/project.vue
@@ -13,6 +13,9 @@
       <!-- 定期任务面板 -->
       <!-- <TimeLine @getTasks="getTasks" class="flex-1 overflow-hidden" ref="timeLine" /> -->
       <TimeLine class="flex-1 overflow-hidden" ref="timeLine" />
+
+      <!-- TODO: DEBUG: -->
+      <u-button @click="$store.commit('setTheme', 'theme-test')">测试切换主题</u-button>
     </view>
   </view>
 </template>
diff --git a/plugins/p-deliver/p-deliver.vue b/plugins/p-deliver/p-deliver.vue
new file mode 100644
index 0000000..1e501b0
--- /dev/null
+++ b/plugins/p-deliver/p-deliver.vue
@@ -0,0 +1,9 @@
+<template>
+  <view class="deliver-container">p-deliver</view>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss"></style>
diff --git a/plugins/p-task-title/p-task-title.vue b/plugins/p-task-title/p-task-title.vue
new file mode 100644
index 0000000..2cf8195
--- /dev/null
+++ b/plugins/p-task-title/p-task-title.vue
@@ -0,0 +1,10 @@
+<template>
+  <!-- 任务名插件 -->
+  <theme>
+    <view>{{ task.name }}</view>
+  </theme>
+</template>
+
+<script setup>
+defineProps({ task: { type: Object, default: () => {} } });
+</script>
diff --git a/store/index.js b/store/index.js
index 70cac9f..c20d379 100644
--- a/store/index.js
+++ b/store/index.js
@@ -1,48 +1,58 @@
 import { createStore } from 'vuex';
-import user from './user/index.js';
-import socket from './socket/index.js';
 import project from './project/index.js';
 import role from './role/index.js';
+import socket from './socket/index.js';
 import task from './task/index.js';
+import user from './user/index.js';
 
 // 不属于具体模块的 应用级的 store内容
 const state = {
-	networkConnected: true, // 网络是否连接
-	forceUseStorage: true, // 强制启用storage
-	systemInfo: null, // 系统设备信息
+  theme: 'theme-default',
+  networkConnected: true, // 网络是否连接
+  forceUseStorage: true, // 强制启用storage
+  systemInfo: null, // 系统设备信息
 };
 
 const getters = {
-	// 是否启用本地存储
-	// 设置了强制启用本地存储 或者 没有网络连接的时候
-	useStorage({ networkConnected, forceUseStorage }) {
-		return forceUseStorage || !networkConnected;
-	},
+  // 是否启用本地存储
+  // 设置了强制启用本地存储 或者 没有网络连接的时候
+  useStorage({ networkConnected, forceUseStorage }) {
+    return forceUseStorage || !networkConnected;
+  },
 };
 
 const mutations = {
-	/**
-	 * 设置网络是否连接的变量
-	 * @param {*} state
-	 * @param {boolean} networkConnected
-	 */
-	setNetworkConnected(state, networkConnected) {
-		state.networkConnected = networkConnected;
-	},
+  /**
+   * 设置网络是否连接的变量
+   * @param {*} state
+   * @param {boolean} networkConnected
+   */
+  setNetworkConnected(state, networkConnected) {
+    state.networkConnected = networkConnected;
+  },
+
+  /**
+   * 设置系统信息的数据
+   * @param {object} state
+   * @param {object | null} data 获取到的数据
+   */
+  setSystemInfo(state, data) {
+    state.systemInfo = data;
+  },
 
-	/**
-	 * 设置系统信息的数据
-	 * @param {object} state
-	 * @param {object | null} data 获取到的数据
-	 */
-	setSystemInfo(state, data) {
-		state.systemInfo = data;
-	},
+  /**
+   * 设置主题
+   * @param {object} state
+   * @param {string} theme 主题名称 默认theme-default
+   */
+  setTheme(state, theme) {
+    state.theme = theme || 'theme-default';
+  },
 };
 
 export default createStore({
-	state,
-	getters,
-	mutations,
-	modules: {user, socket, project, role, task}
+  state,
+  getters,
+  mutations,
+  modules: { user, socket, project, role, task },
 });