style:样式整理
Showing
8 changed files
with
94 additions
and
13 deletions
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-03-20 16:36:51 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right"> | 7 | <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right"> |
3 | <span class="fl">当前页面:</span> | 8 | <span class="fl">当前页面:</span> |
... | @@ -52,8 +57,4 @@ export default { | ... | @@ -52,8 +57,4 @@ export default { |
52 | } | 57 | } |
53 | } | 58 | } |
54 | } | 59 | } |
55 | </script> | 60 | </script> |
56 | |||
57 | <style lang="scss" scoped> | ||
58 | |||
59 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-03-20 16:35:09 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <section class="app-main"> | 7 | <section class="app-main"> |
3 | <transition name="fade-transform" mode="out-in"> | 8 | <transition name="fade-transform" mode="out-in"> |
... | @@ -17,11 +22,12 @@ export default { | ... | @@ -17,11 +22,12 @@ export default { |
17 | </script> | 22 | </script> |
18 | <style lang="scss" scoped> | 23 | <style lang="scss" scoped> |
19 | .app-main { | 24 | .app-main { |
20 | height: calc(100vh - 84px); | 25 | height: calc(100vh - 74px); |
21 | overflow-x: hidden; | 26 | overflow-x: hidden; |
22 | box-sizing: border-box; | 27 | box-sizing: border-box; |
23 | flex: 1; | 28 | flex: 1; |
24 | width: 100%; | 29 | width: 100%; |
25 | // background-color: #ffffff; | 30 | background: #EFF0F4; |
31 | padding: 15px; | ||
26 | } | 32 | } |
27 | </style> | 33 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-10 15:00:56 | 4 | * @LastEditTime: 2023-03-20 16:05:15 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="app-wrapper scWrapper"> | 7 | <div class="app-wrapper"> |
8 | <navbar /> | 8 | <navbar /> |
9 | <div class="main-container"> | 9 | <div class="main-container"> |
10 | <sidebar class="sidebar-container" /> | 10 | <sidebar class="sidebar-container" /> | ... | ... |
src/styles/sbPublic.scss
0 → 100644
1 | @import '~@/styles/element-ui.scss'; | ||
2 | |||
3 | .from-clues { | ||
4 | height: 100%; | ||
5 | width: 100%; | ||
6 | min-width: 1280px; | ||
7 | box-sizing: border-box; | ||
8 | overflow-x: hidden; | ||
9 | padding: 2px; | ||
10 | |||
11 | &-header { | ||
12 | width: 100%; | ||
13 | padding: 5px 30px 20px 24px; | ||
14 | box-sizing: border-box; | ||
15 | background-size: 100% 100%; | ||
16 | background: #FFFFFF; | ||
17 | border-radius: 4px; | ||
18 | } | ||
19 | |||
20 | &-content { | ||
21 | width: 100%; | ||
22 | box-sizing: border-box; | ||
23 | margin-top: 15px; | ||
24 | background: #FFFFFF; | ||
25 | border-radius: 4px; | ||
26 | background-size: 100% 100%; | ||
27 | padding: 22px 42px 20px; | ||
28 | } | ||
29 | |||
30 | |||
31 | |||
32 | .el-form--inline .el-form-item { | ||
33 | width: auto; | ||
34 | margin-right: 0px; | ||
35 | |||
36 | .el-form-item__content { | ||
37 | width: auto; | ||
38 | } | ||
39 | } | ||
40 | |||
41 | .el-form-item--small.el-form-item { | ||
42 | margin-bottom: 0px; | ||
43 | } | ||
44 | } | ||
45 | |||
46 | /* --------------进度条美化---------------- */ | ||
47 | ::-webkit-scrollbar { | ||
48 | width: 7px; | ||
49 | height: 7px; | ||
50 | } | ||
51 | |||
52 | ::-webkit-scrollbar-track { | ||
53 | width: 7px; | ||
54 | background-color: rgba(255, 255, 255, 0); | ||
55 | -webkit-border-radius: 6px; | ||
56 | -moz-border-radius: 6px; | ||
57 | border-radius: 6px; | ||
58 | } | ||
59 | |||
60 | ::-webkit-scrollbar-thumb { | ||
61 | background-color: rgb(207, 208, 209); | ||
62 | background-clip: padding-box; | ||
63 | min-height: 28px; | ||
64 | -webkit-border-radius: 6px; | ||
65 | -moz-border-radius: 6px; | ||
66 | border-radius: 6px; | ||
67 | } | ||
68 | |||
69 | ::-webkit-scrollbar-thumb:hover { | ||
70 | background-color: rgb(162, 164, 167); | ||
71 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -7,11 +7,14 @@ | ... | @@ -7,11 +7,14 @@ |
7 | display: flex; | 7 | display: flex; |
8 | } | 8 | } |
9 | 9 | ||
10 | .el-form-item__content { | ||
11 | margin-left: 0!important; | ||
12 | } | ||
13 | |||
10 | .sidebar-container { | 14 | .sidebar-container { |
11 | transition: width 0.28s; | 15 | transition: width 0.28s; |
12 | width: $sideBarWidth !important; | 16 | width: $sideBarWidth !important; |
13 | font-size: 0px; | 17 | font-size: 0px; |
14 | margin-right: 15px; | ||
15 | @include background_color("menuBg"); | 18 | @include background_color("menuBg"); |
16 | 19 | ||
17 | .horizontal-collapse-transition { | 20 | .horizontal-collapse-transition { | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-20 15:12:38 | 4 | * @LastEditTime: 2023-03-21 09:27:26 |
5 | */ | 5 | */ |
6 | import Layout from '@/layout' | 6 | import Layout from '@/layout' |
7 | export default function filterAsyncRouter (routers) { | 7 | export default function filterAsyncRouter (routers) { | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-20 14:50:19 | 4 | * @LastEditTime: 2023-03-20 16:53:52 |
5 | */ | 5 | */ |
6 | import Vue from 'vue' | 6 | import Vue from 'vue' |
7 | export default function getTheme (theme = Vue.prototype.BASE_API.THEME) { | 7 | export default function getTheme (theme = Vue.prototype.BASE_API.THEME) { |
... | @@ -10,6 +10,7 @@ export default function getTheme (theme = Vue.prototype.BASE_API.THEME) { | ... | @@ -10,6 +10,7 @@ export default function getTheme (theme = Vue.prototype.BASE_API.THEME) { |
10 | import("@/styles/jgPublic.scss") | 10 | import("@/styles/jgPublic.scss") |
11 | }, | 11 | }, |
12 | 'sjsb': function () { | 12 | 'sjsb': function () { |
13 | import("@/styles/sbPublic.scss") | ||
13 | }, | 14 | }, |
14 | default: function () { | 15 | default: function () { |
15 | }, | 16 | }, | ... | ... |
-
Please register or sign in to post a comment