7a4fbc30 by 任超

style:样式整理

1 parent 5a33c89e
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
......
...@@ -144,7 +144,6 @@ export default { ...@@ -144,7 +144,6 @@ export default {
144 } 144 }
145 145
146 .el-form-item__content { 146 .el-form-item__content {
147 // height: 32px;
148 line-height: 32px; 147 line-height: 32px;
149 148
150 // date 组件有图标 149 // date 组件有图标
......
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" />
......
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 },
......