diff --git a/vue-admin-wonderful-next/package.json b/vue-admin-wonderful-next/package.json
index 32223a0..bb0b570 100644
--- a/vue-admin-wonderful-next/package.json
+++ b/vue-admin-wonderful-next/package.json
@@ -9,6 +9,7 @@
"element-plus": "^1.0.2-beta.30",
"mitt": "^2.1.0",
"nprogress": "^0.2.0",
+ "screenfull": "^5.1.0",
"sortablejs": "^1.13.0",
"vue": "^3.0.5",
"vue-router": "^4.0.2",
diff --git a/vue-admin-wonderful-next/src/store/index.ts b/vue-admin-wonderful-next/src/store/index.ts
index 4de5ed8..551e651 100644
--- a/vue-admin-wonderful-next/src/store/index.ts
+++ b/vue-admin-wonderful-next/src/store/index.ts
@@ -33,6 +33,7 @@ export interface RootStateTypes {
isBreadcrumbIcon: boolean,
isTagsviewIcon: boolean,
isCacheTagsView: boolean,
+ isSortableTagsView: boolean,
isFooter: boolean,
isGrayscale: boolean,
isInvert: boolean,
diff --git a/vue-admin-wonderful-next/src/theme/app.scss b/vue-admin-wonderful-next/src/theme/app.scss
index 0690d2e..4cf74a1 100644
--- a/vue-admin-wonderful-next/src/theme/app.scss
+++ b/vue-admin-wonderful-next/src/theme/app.scss
@@ -130,6 +130,7 @@ body,
@extend .flex;
flex-direction: column;
width: 100%;
+ overflow: hidden;
}
.flex-margin {
margin: auto;
diff --git a/vue-admin-wonderful-next/src/theme/element.scss b/vue-admin-wonderful-next/src/theme/element.scss
index 41d805e..7923d4e 100644
--- a/vue-admin-wonderful-next/src/theme/element.scss
+++ b/vue-admin-wonderful-next/src/theme/element.scss
@@ -917,3 +917,11 @@
.el-select-dropdown .el-scrollbar__wrap {
overflow-x: scroll !important;
}
+
+/* Drawer 抽屉
+------------------------------- */
+.el-drawer__body {
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+}
diff --git a/vue-admin-wonderful-next/src/theme/media/layout.scss b/vue-admin-wonderful-next/src/theme/media/layout.scss
new file mode 100644
index 0000000..9980814
--- /dev/null
+++ b/vue-admin-wonderful-next/src/theme/media/layout.scss
@@ -0,0 +1,17 @@
+@import './index.scss';
+
+/* 页面宽度小于576px
+------------------------------- */
+@media screen and (max-width: $xs) {
+ .el-message-box {
+ width: 80% !important;
+ }
+}
+
+/* 页面宽度小于768px
+------------------------------- */
+@media screen and (max-width: $sm) {
+ .layout-navbars-breadcrumb-hide {
+ display: none;
+ }
+}
diff --git a/vue-admin-wonderful-next/src/theme/media/media.scss b/vue-admin-wonderful-next/src/theme/media/media.scss
index 72bc17b..8adf715 100644
--- a/vue-admin-wonderful-next/src/theme/media/media.scss
+++ b/vue-admin-wonderful-next/src/theme/media/media.scss
@@ -1,2 +1,3 @@
@import './login.scss';
@import './error.scss';
+@import './layout.scss';
diff --git a/vue-admin-wonderful-next/src/utils/themeConfig.ts b/vue-admin-wonderful-next/src/utils/themeConfig.ts
index 6f51cec..9ac748e 100644
--- a/vue-admin-wonderful-next/src/utils/themeConfig.ts
+++ b/vue-admin-wonderful-next/src/utils/themeConfig.ts
@@ -29,6 +29,7 @@ export default {
isBreadcrumbIcon: false,
isTagsviewIcon: false,
isCacheTagsView: false,
+ isSortableTagsView: true,
isFooter: false,
isGrayscale: false,
isInvert: false,
diff --git a/vue-admin-wonderful-next/src/views/layout/component/aside.vue b/vue-admin-wonderful-next/src/views/layout/component/aside.vue
index 821e12d..ce84bf1 100644
--- a/vue-admin-wonderful-next/src/views/layout/component/aside.vue
+++ b/vue-admin-wonderful-next/src/views/layout/component/aside.vue
@@ -1,10 +1,18 @@
-
+
+
+
+
+
+
+
+
+