diff --git a/src/assets/images/背景.png b/src/assets/images/背景.png new file mode 100644 index 0000000..2e8b976 Binary files /dev/null and b/src/assets/images/背景.png differ diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index a93cff2..3401111 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -13,6 +13,9 @@ body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; + background: url('../images//背景.png') no-repeat; + background-size: cover; + background-attachment: fixed; } label { diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss index 977f673..6faa983 100644 --- a/src/assets/styles/sidebar.scss +++ b/src/assets/styles/sidebar.scss @@ -5,6 +5,8 @@ transition: margin-left .28s; margin-left: $base-sidebar-width; position: relative; + // background: url('../images/背景.png'); + } .sidebarHide { @@ -36,7 +38,7 @@ overflow-x: hidden !important; padding-top: 52px; background: url('../images/侧边栏.png') no-repeat center !important; - background-size: cover !important; + background-size: 200px 100% !important; } .el-scrollbar__bar.is-vertical { @@ -123,6 +125,7 @@ .main-container { margin-left: 54px; + } .sub-menu-title-noDropdown { diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss index e065775..3916214 100644 --- a/src/assets/styles/variables.module.scss +++ b/src/assets/styles/variables.module.scss @@ -9,7 +9,7 @@ $yellow: #FEC171; $panGreen: #30B08F; // 默认菜单主题风格 -$base-menu-color: #bfcbd9; +$base-menu-color: #ffffff; $base-menu-color-active: #f4f4f5; $base-menu-background: #304156; $base-logo-title-color: #ffffff; diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue index 8d3a136..c92fa48 100644 --- a/src/layout/components/AppMain.vue +++ b/src/layout/components/AppMain.vue @@ -25,6 +25,7 @@ const tagsViewStore = useTagsViewStore() width: 100%; position: relative; overflow: hidden; + } .fixed-header + .app-main { diff --git a/src/views/index.vue b/src/views/index.vue index 5100048..5d8b54c 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -1,1018 +1,11 @@ -