1.8.1

README/1.8/1.8.1.md

+* 1、【升级】`vk-unicloud-admin-ui` 包升级至 `1.8.2`
+* 2、【升级】`element-ui` 包升级至 `2.15.7`
+* 3、【新增】自 `1.8.0` 起，支持自定义主题，内置纯白、纯黑、黑白3个主题，同时支持编写自定义主题。[点击查看主题说明](https://vkdoc.fsq.pub/admin/1/theme.html)
+* 4、【优化】主题细节。
+
+##### 框架更新步骤 [点击查看](https://vkdoc.fsq.pub/admin/1/update.html)
+##### 框架学习Q群：`22466457` 欢迎萌新和大佬来使用和共同改进框架
+
+##### 如果你觉得框架对你有用，可以在下方进行评论，也可以进行赞赏。

changelog.md

+## 1.8.1（2021-12-01）
+* 1、【升级】`vk-unicloud-admin-ui` 包升级至 `1.8.2`
+* 2、【升级】`element-ui` 包升级至 `2.15.7`
+* 3、【新增】自 `1.8.0` 起，支持自定义主题，内置纯白、纯黑、黑白3个主题，同时支持编写自定义主题。[点击查看主题说明](https://vkdoc.fsq.pub/admin/1/theme.html)
+* 4、【优化】主题细节。
+
+##### 框架更新步骤 [点击查看](https://vkdoc.fsq.pub/admin/1/update.html)
+##### 框架学习Q群：`22466457` 欢迎萌新和大佬来使用和共同改进框架
+
+##### 如果你觉得框架对你有用，可以在下方进行评论，也可以进行赞赏。
+
 ## 1.8.0（2021-11-30）
 * 1、【升级】`vk-unicloud-admin-ui` 包升级至 `1.8.1`
 * 2、【新增】自 `1.8.0` 起，支持自定义主题，内置纯白、纯黑、黑白3个主题，同时支持编写自定义主题。[点击查看主题说明](https://vkdoc.fsq.pub/admin/1/theme.html)

common/theme/black.js

@@ -8,7 +8,8 @@ export default {
 		activeTextColor: "#ffffff",
 		activeBackgroundColor: "#2d8cf0",
 		hoverTextColor: "#ffffff",
-		hoverBackgroundColor: "#545f6c"
+		hoverBackgroundColor: "#545f6c",
+		boxShadow: "2px 0 6px rgba(0,21,4,0.2)"
 	},
 	// 顶部菜单样式
 	topMenu: {

common/theme/blackWhite.js

@@ -8,7 +8,8 @@ export default {
 		activeTextColor: "#ffffff",
 		activeBackgroundColor: "#2d8cf0",
 		hoverTextColor: "#ffffff",
-		hoverBackgroundColor: "#545f6c"
+		hoverBackgroundColor: "#545f6c",
+		boxShadow: "2px 0 6px rgba(0,21,4,0.25)"
 	},
 	// 顶部菜单样式
 	topMenu: {

common/theme/white.js

@@ -8,11 +8,12 @@ export default {
 		activeTextColor: "#409EFF",
 		activeBackgroundColor: "#ecf5ff",
 		hoverTextColor: "#303133",
-		hoverBackgroundColor: "#efefef"
+		hoverBackgroundColor: "#efefef",
+		boxShadow: "2px 0 8px 0 rgba(29,35,41,0.05)"
 	},
 	// 顶部菜单样式
 	topMenu: {
 		backgroundColor: "#ffffff",
 		textColor: "#999999",
 	}
-}
\ No newline at end of file
+}

package-lock.json

 {
     "name": "vk-unicloud-admin",
-    "version": "1.7.4",
+    "version": "1.8.0",
     "lockfileVersion": 1,
     "requires": true,
     "dependencies": {
@@ -37,9 +37,9 @@
             "integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
         },
         "element-ui": {
-            "version": "2.15.6",
-            "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.15.6.tgz",
-            "integrity": "sha512-rcYXEKd/j2G0AgficAOk1Zd1AsnHRkhmrK4yLHmNOiimU2JfsywgfKUjMoFuT6pQx0luhovj8lFjpE4Fnt58Iw==",
+            "version": "2.15.7",
+            "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.15.7.tgz",
+            "integrity": "sha512-+J6rnXajxzLwV6w8Q6bf7Yqzk1FO1ewbIrCy/4B5alnd7tj8WEpfQoAvISirVaUGVGy77d9Ji3o2bF4f0AsJLQ==",
             "requires": {
                 "async-validator": "~1.8.1",
                 "babel-helper-vue-jsx-merge-props": "^2.0.0",
@@ -104,9 +104,9 @@
             }
         },
         "vk-unicloud-admin-ui": {
-            "version": "1.8.1",
-            "resolved": "https://registry.npmjs.org/vk-unicloud-admin-ui/-/vk-unicloud-admin-ui-1.8.1.tgz",
-            "integrity": "sha512-cLbAPgWrmAMtCrHXg3JgHkrsVOpeih9uqeD2XcWQp6K0oBOgxhdcYXvm45vXF++5nNgFtUvwg5hfF6n+OEYZnw=="
+            "version": "1.8.2",
+            "resolved": "https://registry.npmjs.org/vk-unicloud-admin-ui/-/vk-unicloud-admin-ui-1.8.2.tgz",
+            "integrity": "sha512-DMLL7ib8ygtzPd3e2LH8/6sx7aF4cuA3Wi1+QmsQ2oTarCtNaKIz10LAa+6KhO9tR+voRfKiN/H6Z/c9/YrdhQ=="
         },
         "vuedraggable": {
             "version": "2.24.3",

package.json

 {
     "id": "vk-unicloud-admin",
     "name": "vk-unicloud-admin",
-    "version": "1.8.0",
+    "version": "1.8.1",
     "displayName": "【开箱即用】vk-unicloud-admin-快速开发框架-打造unicloud最好用的admin",
     "description": "vk-unicloud-admin是基于unicloud+uni-id+element+vk-unicloud-router的一套快速PC admin完整开发框架。小白几分钟即可完成一个页面CRUD。",
     "keywords": [
@@ -20,9 +20,9 @@
     "license": "Apache",
     "homepage": "https://vkdoc.fsq.pub/admin/",
     "dependencies": {
-        "element-ui": "^2.15.6",
+        "element-ui": "^2.15.7",
         "umy-ui": "^1.1.6",
-        "vk-unicloud-admin-ui": "^1.8.1"
+        "vk-unicloud-admin-ui": "^1.8.2"
     },
     "engines": {
         "HBuilderX": "^3.1.10"

windows/leftWindow.vue

 <template>
-	<scroll-view class="sidebar" :class="vk.getVuex('$app.isPC') ? 'pc' : 'mobile'" scroll-y="true" v-loading="!vk.getVuex('$app.inited')" :style="'background-color:'+backgroundColor">
+	<scroll-view class="sidebar" :class="vk.getVuex('$app.isPC') ? 'pc' : 'mobile'" scroll-y="true" v-loading="!vk.getVuex('$app.inited')"
+	 :style="{
+			backgroundColor:backgroundColor,
+			boxShadow:boxShadow
+	 }"
+	>
 		<vk-data-menu-nav
 			v-if="vk.getVuex('$app.inited')"
 			:data="vk.getVuex('$app.navMenu')"
@@ -46,6 +51,14 @@
 				} else {
 					return "#ffffff";
 				}
+			},
+			boxShadow(){
+				let theme = this.theme;
+				if (theme && theme.use) {
+					return theme[theme.use].leftMenu.boxShadow;
+				} else {
+					return "2px 0 6px rgba(0,21,4,0.2)";
+				}
 			}
 		}
 	}
@@ -58,7 +71,8 @@
 		width: 240px;
 		height: calc(100vh - (var(--window-top)) + 50px);
 		box-sizing: border-box;
-		border-right: 1px solid darken($left-window-bg-color, 3%);
+		box-shadow: var(--boxShadow);
+		box-shadow: 2px 0 8px 0 rgba(29,35,41,0.05);
 		background-color: $left-window-bg-color;
 		padding-bottom: 10px;
 		top: 50px;

windows/topWindow.vue

@@ -226,11 +226,11 @@ export default {
 	color: $top-window-text-color;
 	/* 左侧 */
 	.left {
-		width: calc(var(--window-left) - 2px);
+		width: calc(var(--window-left));
 	}
 	/* 右侧 */
 	.right {
-		width: calc(100% - var(--window-left) + 2px);
+		width: calc(100% - var(--window-left));
 
 		.navbar {
 			font-size: 13px;