Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
bc51761f by 任超
Options

style:样式修改

1 parent f4c79669
Inline Side-by-side
Showing 10 changed files with 36 additions and 38 deletions
...@@ -74,7 +74,7 @@ export default { ...@@ -74,7 +74,7 @@ export default {
74 }, 74 },
75 heightNum: { 75 heightNum: {
76 type: Number, 76 type: Number,
77 default: 260, 77 default: 267,
78 }, 78 },
79 maxHeight: { 79 maxHeight: {
80 type: Number, 80 type: Number,
......
1 <svg t="1665567795982" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2615" width="200" height="200"><path d="M512 74.666667C270.933333 74.666667 74.666667 270.933333 74.666667 512S270.933333 949.333333 512 949.333333 949.333333 753.066667 949.333333 512 753.066667 74.666667 512 74.666667z m0 810.666666c-204.8 0-373.333333-168.533333-373.333333-373.333333S307.2 138.666667 512 138.666667 885.333333 307.2 885.333333 512 716.8 885.333333 512 885.333333z" p-id="2616"></path><path d="M657.066667 360.533333c-12.8-12.8-32-12.8-44.8 0l-102.4 102.4-102.4-102.4c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l102.4 102.4-102.4 102.4c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933333 8.533333 23.466666 8.533334s17.066667-2.133333 23.466667-8.533334l102.4-102.4 102.4 102.4c6.4 6.4 14.933333 8.533333 23.466667 8.533334s17.066667-2.133333 23.466666-8.533334c12.8-12.8 12.8-32 0-44.8l-106.666666-100.266666 102.4-102.4c12.8-12.8 12.8-34.133333 0-46.933334z" p-id="2617"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1673321301365" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3462" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M910.617673 211.45497c-29.726022-40.739866-65.373916-76.582189-105.953124-106.533338-31.447223-23.211654-65.346287-42.500976-101.132328-57.574277-17.797341-7.496741-38.217417 1.723248-44.400233 20.018939l0 0c-5.586229 16.531512 2.569522 34.533514 18.648732 41.309848 30.91408 13.027711 60.204174 29.700439 87.38421 49.761334 35.128055 25.927509 65.986877 56.9562 91.719958 92.223425 53.42477 73.218582 81.662905 159.989831 81.662905 250.935146 0 57.551764-11.264555 113.364931-33.480532 165.888168-21.464871 50.748824-52.199872 96.333022-91.352591 135.484717-39.152718 39.153742-84.736916 69.888743-135.484717 91.352591-52.523237 22.215978-108.336404 33.480532-165.888168 33.480532-57.552787 0-113.364931-11.264555-165.889191-33.480532-50.748824-21.464871-96.331999-52.199872-135.484717-91.352591-39.152718-39.152718-69.888743-84.736916-91.353614-135.484717-22.214954-52.523237-33.479509-108.336404-33.479509-165.888168 0-90.842984 28.180829-177.536462 81.495082-250.706949 25.681916-35.244712 56.481386-66.265216 91.545996-92.199888 27.118638-20.056801 56.344263-36.737716 87.192851-49.78794 16.072047-6.798846 24.204262-24.812105 18.594497-41.336454l0 0c-6.207375-18.285458-26.638707-27.478841-44.424792-19.958564-35.712363 15.098883-69.537749 34.399461-100.915387 57.607022-40.505529 29.958312-76.084862 65.791425-105.750509 106.506732C52.210106 296.342312 19.618826 396.581294 19.618826 501.596046c0 66.5016 13.031804 131.033335 38.734186 191.800327 24.818245 58.677401 60.340273 111.367437 105.58064 156.606781 45.240367 45.240367 97.930403 80.763418 156.607804 105.581664 60.766992 25.701358 125.297704 38.734186 191.800327 38.734186 66.502623 0 131.033335-13.031804 191.800327-38.734186 58.677401-24.818245 111.366414-60.341297 156.606781-105.581664 45.240367-45.239344 80.762395-97.92938 105.581664-156.606781 25.701358-60.766992 38.734186-125.297704 38.734186-191.800327C1005.062695 396.463614 972.403878 296.133557 910.617673 211.45497z" fill="#ffffff" p-id="3463"></path><path d="M509.270842 388.009058 509.270842 388.009058c20.261463 0 36.839023-16.57756 36.839023-36.839023L546.109866 75.454506c0-20.261463-16.57756-36.839023-36.839023-36.839023l0 0c-20.261463 0-36.839023 16.57756-36.839023 36.839023l0 275.715529C472.431819 371.431497 489.00938 388.009058 509.270842 388.009058z" fill="#ffffff" p-id="3464"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
......
1 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1668560086395" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2762" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M448 282.4v459.2L301.6 594.4 282.4 576H192V448h90.4l18.4-18.4L448 282.4M512 128L256 384H128v256h128l256 256V128z m64 5.6v64.8c145.6 29.6 256 159.2 256 313.6s-110.4 284-256 313.6v64.8c181.6-30.4 320-188 320-378.4S757.6 164 576 133.6z m0 188.8v65.6c55.2 14.4 96 64 96 124s-40.8 109.6-96 124v65.6C666.4 686.4 736 607.2 736 512s-69.6-174.4-160-189.6z" fill="#ffffff" p-id="2763"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
...@@ -2,23 +2,12 @@ ...@@ -2,23 +2,12 @@
2 <div class="navbar-con"> 2 <div class="navbar-con">
3 <div class="navbar"> 3 <div class="navbar">
4 <div class="title">{{ title }}</div> 4 <div class="title">{{ title }}</div>
5 <div class="user">欢迎进入系统 {{ name }} <svg-icon icon-class='close' class="closeStyle" @click="onCancel" />退出系统</div>
5 <div class="sidebarLeft"> 6 <div class="sidebarLeft">
6 <sidebarLeft /> 7 <sidebarLeft />
7 </div> 8 </div>
8 <div class="sidebarRight d-center"> 9 <div class="sidebarRight d-center">
9 <sidebarRight /> 10 <sidebarRight />
10 <div class="right-menu">
11 <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover" @command="handleCommand">
12 <div class="avatar-wrapper">
13 <span style="padding-right:10px">{{ name }}</span>
14 <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" />
15 </div>
16 <el-dropdown-menu slot="dropdown">
17 <el-dropdown-item command="a">个人中心</el-dropdown-item>
18 <el-dropdown-item command="b">退出</el-dropdown-item>
19 </el-dropdown-menu>
20 </el-dropdown>
21 </div>
22 </div> 11 </div>
23 </div> 12 </div>
24 </div> 13 </div>
...@@ -42,12 +31,8 @@ export default { ...@@ -42,12 +31,8 @@ export default {
42 } 31 }
43 }, 32 },
44 methods: { 33 methods: {
45 themeChange (val) { 34 onCancel () {
46 this.$store.dispatch('app/updateTheme', val) 35
47 },
48 handleCommand (command) {
49 if (command == 'a') {
50 }
51 } 36 }
52 } 37 }
53 } 38 }
...@@ -61,7 +46,7 @@ export default { ...@@ -61,7 +46,7 @@ export default {
61 .menubg { 46 .menubg {
62 height: 34px; 47 height: 34px;
63 color: #FFFFFF; 48 color: #FFFFFF;
64 margin-right: 5px; 49 margin-right: 20px;
65 background: url('~@/image/navbar.png') no-repeat; 50 background: url('~@/image/navbar.png') no-repeat;
66 background-size: 100% 100%; 51 background-size: 100% 100%;
67 } 52 }
...@@ -76,6 +61,7 @@ export default { ...@@ -76,6 +61,7 @@ export default {
76 61
77 /deep/.el-submenu__title { 62 /deep/.el-submenu__title {
78 height: 34px; 63 height: 34px;
64 color: #FFFFFF;
79 } 65 }
80 66
81 /deep/.el-submenu__title span { 67 /deep/.el-submenu__title span {
...@@ -88,6 +74,11 @@ export default { ...@@ -88,6 +74,11 @@ export default {
88 top: 13px; 74 top: 13px;
89 } 75 }
90 76
77 .sidebarRight {
78 position: relative;
79 left: 25px;
80 }
81
91 // 导航选中背景色 82 // 导航选中背景色
92 .xuanzhong { 83 .xuanzhong {
93 background: url('~@/image/selNavbar.png') no-repeat; 84 background: url('~@/image/selNavbar.png') no-repeat;
...@@ -123,6 +114,19 @@ export default { ...@@ -123,6 +114,19 @@ export default {
123 background: url('~@/image/header.png') no-repeat; 114 background: url('~@/image/header.png') no-repeat;
124 background-size: 100% 100%; 115 background-size: 100% 100%;
125 116
117 .user {
118 font-size: 12px;
119 color: #FFFFFF;
120 position: absolute;
121 right: 20px;
122 top: -1px;
123 cursor: pointer;
124
125 .closeStyle {
126 margin-right: 5px;
127 }
128 }
129
126 .title { 130 .title {
127 position: absolute; 131 position: absolute;
128 left: 0; 132 left: 0;
......
1 <template> 1 <template>
2 <el-menu router :default-active="activeMenu" mode="horizontal"> 2 <el-menu router :default-active="activeMenu" mode="horizontal">
3 <!-- 权限菜单 --> 3 <!-- 权限菜单 -->
4 <sidebar-item v-for="route in permission_routes.slice(5, 7)" :key="route.path" :item="route" 4 <sidebar-item v-for="route in permission_routes.slice(5, 8)" :key="route.path" :item="route"
5 :base-path="route.path" /> 5 :base-path="route.path" />
6 <!-- 菜单全部展示 --> 6 <!-- 菜单全部展示 -->
7 <!-- <sidebar-item v-for="route in asyncRoutes" :key="route.path" :item="route" :base-path="route.path" /> --> 7 <!-- <sidebar-item v-for="route in asyncRoutes" :key="route.path" :item="route" :base-path="route.path" /> -->
......
...@@ -47,13 +47,9 @@ export default { ...@@ -47,13 +47,9 @@ export default {
47 } 47 }
48 } 48 }
49 49
50 .appMain { 50 .app-main {
51 height: calc(100vh - 65px); 51 height: calc(100vh -94px);
52 52 padding: 10px;
53 .app-main { 53 box-sizing: border-box;
54 height: 100%;
55 padding: 10px;
56 box-sizing: border-box;
57 }
58 } 54 }
59 </style> 55 </style>
......
...@@ -9,7 +9,7 @@ $yellow:#FEC171; ...@@ -9,7 +9,7 @@ $yellow:#FEC171;
9 $panGreen: #30B08F; 9 $panGreen: #30B08F;
10 10
11 // header 11 // header
12 $headerHeight: 64px; 12 $headerHeight: 74px;
13 13
14 // sidebar 14 // sidebar
15 $menuText:#ffffff; 15 $menuText:#ffffff;
......
1 .home { 1 .home {
2 height: 100%; 2 height: calc(100% - 20px);
3 width: 100%; 3 width: 100%;
4 box-sizing: border-box; 4 box-sizing: border-box;
5 display: flex; 5 display: flex;
6 justify-content: space-between; 6 justify-content: space-between;
7 padding-top: 15px; 7 margin-top: 15px;
8
9 .map { 8 .map {
10 margin-left: -20px; 9 margin-left: -20px;
11 } 10 }
......
...@@ -133,6 +133,6 @@ export default { ...@@ -133,6 +133,6 @@ export default {
133 .map-box { 133 .map-box {
134 display: inline-block; 134 display: inline-block;
135 width: 100%; 135 width: 100%;
136 height: calc(100vh - 133px); 136 height: calc(100vh - 153px);
137 } 137 }
138 </style> 138 </style>
......
1 .jgHome { 1 .jgHome {
2 display: flex; 2 display: flex;
3 justify-content: space-between; 3 justify-content: space-between;
4 height: 100%; 4 height: calc(100% - 20px);
5 5
6 .bottom10 { 6 .bottom10 {
7 margin-bottom: 10px; 7 margin-bottom: 10px;
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
52 .barChart { 52 .barChart {
53 flex: 1; 53 flex: 1;
54 margin-top: 10px; 54 margin-top: 10px;
55 height: calc(100vh - 310px); 55 height: calc(100vh - 330px);
56 } 56 }
57 57
58 &-center { 58 &-center {
......