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 @@