Skip to content

H
holo-web
Commit 9dfca903 authored by ninglx's avatar ninglx
Browse files
Options

wj-smartcity header布局样式风格修改

parent 895ed467
Hide whitespace changes
Inline Side-by-side
Showing with 56 additions and 16 deletions
wj-smartcity/src/assets/images/holo/logo.svg 0 → 100644
View file @ 9dfca903
<?xml version="1.0" encoding="UTF-8"?>
<svg width="48px" height="47px" viewBox="0 0 48 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>fill-重点数据全息感知@1x</title>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="#2FE6FF" offset="0%"></stop>
<stop stop-color="#00A8E5" offset="100%"></stop>
</linearGradient>
<path d="M33.995473,27.0136845 L36.8814316,28.3405546 C32.6680236,36.6015431 23.1905151,40.7635359 14.2203114,38.2920632 L14.2203114,38.2920632 L15.0867674,35.2004639 C21.4460234,36.9906675 28.2613105,34.7722045 32.3292002,29.5878052 L32.3292002,29.5878052 L32.6437969,29.1833412 C33.1561553,28.500516 33.6084449,27.774622 33.995473,27.0136845 L33.995473,27.0136845 Z M6.56068232,31.6963437 C7.46142579,30.569569 9.10928254,30.3829691 10.2412748,31.279564 L10.2412748,31.279564 L10.3777744,31.3953587 C11.386457,32.3114048 11.5231473,33.861819 10.6611706,34.9417178 L10.6611706,34.9417178 C9.75923958,36.0699792 8.11138282,36.256579 6.97939055,35.3599842 C5.8474021,34.4633893 5.65993885,32.8231223 6.56068232,31.6963437 Z M19.992198,6.97135684 L20.493921,6.98225304 C20.8281593,6.99558589 21.1617985,7.02104786 21.4941724,7.05858901 L21.991701,7.12395389 L22.3653982,7.18579871 C25.0956167,7.67856612 27.5950518,9.03152994 29.4945447,11.044859 L29.7498131,11.3234783 L29.967,11.5732289 C33.7351189,16.0242205 33.8537251,22.5032409 30.2509799,27.0879242 L30.0430761,27.3453851 L29.8242618,27.6011075 C25.2485377,32.8129135 17.3598178,33.5435566 11.8966519,29.26156 L11.6342222,29.0504523 L11.2825331,28.7455065 C10.9365689,28.4343132 10.6079423,28.1045407 10.2981211,27.7576615 L9.99462272,27.4051347 L9.78646395,27.1510544 C6.10996514,22.5409389 6.23193089,15.9750778 10.0771061,11.5034028 L10.2945569,11.2571567 L10.5456555,10.9878933 C13.0060972,8.42312214 16.4188011,6.96767944 19.992198,6.97135684 Z M6.96205161,4.61617834 L8.96156295,7.20357134 C8.11350908,7.9201441 7.3428634,8.72281818 6.66213059,9.59856374 L6.66213059,9.59856374 L6.66212918,9.55876812 C2.61849883,14.7084695 2.06707556,21.7681606 5.26246838,27.4780957 L5.26246838,27.4780957 L2.59645593,29.2892722 C-1.36124483,22.4262666 -0.752693331,13.8617258 4.13607517,7.62153218 L4.13607517,7.62153218 L4.45190473,7.21243016 C5.20186929,6.26841123 6.04248128,5.39884938 6.96205161,4.61617834 L6.96205161,4.61617834 Z M15.3266746,16.0139708 L13.7537045,16.0139708 C13.1504528,16.017355 12.6545916,16.4711304 12.5881987,17.0546977 L12.5806625,17.1816176 L12.5806625,23.397991 C12.5841159,23.9964415 13.0418378,24.4865469 13.6265812,24.5462712 L13.7537082,24.5523645 L15.3266555,24.5523645 C15.9254538,24.5489515 16.4167522,24.0968564 16.4795973,23.5173656 L16.4863892,23.3913561 L16.4997204,17.1816138 C16.4997204,16.5367413 15.974531,16.0139708 15.3266746,16.0139708 Z M20.7720091,17.5796469 L19.2123893,17.5796469 L19.0845726,17.5864984 C18.5360217,17.645666 18.1009058,18.0812605 18.0453283,18.6284283 L18.0393251,18.7472898 L18.0393251,23.3979912 C18.0427785,23.9964417 18.5005004,24.4865471 19.0852437,24.5462714 L19.2123708,24.5523647 L20.7786747,24.5523647 C21.379905,24.5523647 21.8748855,24.0995611 21.9382107,23.5178612 L21.9450549,23.3913563 L21.9450549,18.7472898 C21.9450549,18.1024174 21.4198654,17.5796469 20.7720091,17.5796469 Z M26.2173398,14.4615091 L24.6577199,14.4615091 C24.0589216,14.4683131 23.5702139,14.9232322 23.510728,15.5031 L23.5046671,15.6291521 L23.4913206,23.3847012 C23.4913206,23.9893686 23.9462357,24.4824698 24.5306294,24.5455292 L24.6577199,24.5523436 L26.2173436,24.5523436 C26.8205953,24.5489593 27.3164565,24.0951839 27.3828494,23.5116167 L27.3903856,23.3846968 L27.3903856,15.6225172 C27.3867199,14.9802385 26.8626018,14.4615091 26.2173398,14.4615091 Z M35.3011648,20.2867421 C36.1828719,19.1451436 37.8273691,18.9311624 38.9742499,19.8088086 L38.9742499,19.8088086 L38.9926124,19.82292 L38.9926124,19.82292 L39.0108534,19.8371915 C40.1413419,20.7297795 40.3308523,22.3655864 39.4341342,23.4908681 L39.4341342,23.4908681 L39.3193562,23.6261228 C38.4112129,24.6262115 36.8706351,24.7765083 35.7813098,23.9429097 C34.634429,23.0652636 34.4194577,21.4283406 35.3011648,20.2867421 Z M19.9921912,0.171173413 C29.3763354,0.397834011 37.2637468,7.25326018 38.7542813,16.478358 L38.7542813,16.478358 L35.6150431,17.194885 C34.4432447,9.3739327 27.774662,3.53495572 19.8322302,3.37555859 L19.8322302,3.37555859 Z M11.809877,0.857712124 C12.7249325,-0.148342714 14.2778538,-0.294218259 15.3690749,0.552217611 C16.5130553,1.43957995 16.7177604,3.08203707 15.8262921,4.22074853 C14.9348238,5.35946 13.2847669,5.5632222 12.1407865,4.67585986 L12.143,4.677 L12.1607834,4.68912946 C12.1555459,4.68514274 12.1503235,4.68113639 12.1451163,4.67711053 L12.1295406,4.66497448 C10.9908751,3.77086297 10.795981,2.12722513 11.6942296,0.993804067 L11.6942296,0.993804067 Z" id="path-2"></path>
<filter x="-17.5%" y="-12.8%" width="135.0%" height="135.9%" filterUnits="objectBoundingBox" id="filter-3">
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.601228727 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
<stop stop-color="#26BFFF" offset="0%"></stop>
<stop stop-color="#FFFFFF" offset="100%"></stop>
</linearGradient>
</defs>
<g id="路网全域融合感知平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="01.1态势监测" transform="translate(-20.000000, -9.000000)" fill-rule="nonzero">
<g id="fill-重点数据全息感知" transform="translate(24.000000, 11.000000)">
<g id="形状结合">
<use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
<use fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
</g>
<path d="M33.995473,27.0136845 L36.8814316,28.3405546 C32.6680236,36.6015431 23.1905151,40.7635359 14.2203114,38.2920632 L14.2203114,38.2920632 L15.0867674,35.2004639 C21.4460234,36.9906675 28.2613105,34.7722045 32.3292002,29.5878052 L32.3292002,29.5878052 L32.6437969,29.1833412 C33.1561553,28.500516 33.6084449,27.774622 33.995473,27.0136845 L33.995473,27.0136845 Z M6.56068232,31.6963437 C7.46142579,30.569569 9.10928254,30.3829691 10.2412748,31.279564 L10.2412748,31.279564 L10.3777744,31.3953587 C11.386457,32.3114048 11.5231473,33.861819 10.6611706,34.9417178 L10.6611706,34.9417178 C9.75923958,36.0699792 8.11138282,36.256579 6.97939055,35.3599842 C5.8474021,34.4633893 5.65993885,32.8231223 6.56068232,31.6963437 Z M19.992198,6.97135684 L20.493921,6.98225304 C20.8281593,6.99558589 21.1617985,7.02104786 21.4941724,7.05858901 L21.991701,7.12395389 L22.3653982,7.18579871 C25.0956167,7.67856612 27.5950518,9.03152994 29.4945447,11.044859 L29.7498131,11.3234783 L29.967,11.5732289 C33.7351189,16.0242205 33.8537251,22.5032409 30.2509799,27.0879242 L30.0430761,27.3453851 L29.8242618,27.6011075 C25.2485377,32.8129135 17.3598178,33.5435566 11.8966519,29.26156 L11.6342222,29.0504523 L11.2825331,28.7455065 C10.9365689,28.4343132 10.6079423,28.1045407 10.2981211,27.7576615 L9.99462272,27.4051347 L9.78646395,27.1510544 C6.10996514,22.5409389 6.23193089,15.9750778 10.0771061,11.5034028 L10.2945569,11.2571567 L10.5456555,10.9878933 C13.0060972,8.42312214 16.4188011,6.96767944 19.992198,6.97135684 Z M6.96205161,4.61617834 L8.96156295,7.20357134 C8.11350908,7.9201441 7.3428634,8.72281818 6.66213059,9.59856374 L6.66213059,9.59856374 L6.66212918,9.55876812 C2.61849883,14.7084695 2.06707556,21.7681606 5.26246838,27.4780957 L5.26246838,27.4780957 L2.59645593,29.2892722 C-1.36124483,22.4262666 -0.752693331,13.8617258 4.13607517,7.62153218 L4.13607517,7.62153218 L4.45190473,7.21243016 C5.20186929,6.26841123 6.04248128,5.39884938 6.96205161,4.61617834 L6.96205161,4.61617834 Z M15.3266746,16.0139708 L13.7537045,16.0139708 C13.1504528,16.017355 12.6545916,16.4711304 12.5881987,17.0546977 L12.5806625,17.1816176 L12.5806625,23.397991 C12.5841159,23.9964415 13.0418378,24.4865469 13.6265812,24.5462712 L13.7537082,24.5523645 L15.3266555,24.5523645 C15.9254538,24.5489515 16.4167522,24.0968564 16.4795973,23.5173656 L16.4863892,23.3913561 L16.4997204,17.1816138 C16.4997204,16.5367413 15.974531,16.0139708 15.3266746,16.0139708 Z M20.7720091,17.5796469 L19.2123893,17.5796469 L19.0845726,17.5864984 C18.5360217,17.645666 18.1009058,18.0812605 18.0453283,18.6284283 L18.0393251,18.7472898 L18.0393251,23.3979912 C18.0427785,23.9964417 18.5005004,24.4865471 19.0852437,24.5462714 L19.2123708,24.5523647 L20.7786747,24.5523647 C21.379905,24.5523647 21.8748855,24.0995611 21.9382107,23.5178612 L21.9450549,23.3913563 L21.9450549,18.7472898 C21.9450549,18.1024174 21.4198654,17.5796469 20.7720091,17.5796469 Z M26.2173398,14.4615091 L24.6577199,14.4615091 C24.0589216,14.4683131 23.5702139,14.9232322 23.510728,15.5031 L23.5046671,15.6291521 L23.4913206,23.3847012 C23.4913206,23.9893686 23.9462357,24.4824698 24.5306294,24.5455292 L24.6577199,24.5523436 L26.2173436,24.5523436 C26.8205953,24.5489593 27.3164565,24.0951839 27.3828494,23.5116167 L27.3903856,23.3846968 L27.3903856,15.6225172 C27.3867199,14.9802385 26.8626018,14.4615091 26.2173398,14.4615091 Z M35.3011648,20.2867421 C36.1828719,19.1451436 37.8273691,18.9311624 38.9742499,19.8088086 L38.9742499,19.8088086 L38.9926124,19.82292 L38.9926124,19.82292 L39.0108534,19.8371915 C40.1413419,20.7297795 40.3308523,22.3655864 39.4341342,23.4908681 L39.4341342,23.4908681 L39.3193562,23.6261228 C38.4112129,24.6262115 36.8706351,24.7765083 35.7813098,23.9429097 C34.634429,23.0652636 34.4194577,21.4283406 35.3011648,20.2867421 Z M19.9921912,0.171173413 C29.3763354,0.397834011 37.2637468,7.25326018 38.7542813,16.478358 L38.7542813,16.478358 L35.6150431,17.194885 C34.4432447,9.3739327 27.774662,3.53495572 19.8322302,3.37555859 L19.8322302,3.37555859 Z M11.809877,0.857712124 C12.7249325,-0.148342714 14.2778538,-0.294218259 15.3690749,0.552217611 C16.5130553,1.43957995 16.7177604,3.08203707 15.8262921,4.22074853 C14.9348238,5.35946 13.2847669,5.5632222 12.1407865,4.67585986 L12.143,4.677 L12.1607834,4.68912946 C12.1555459,4.68514274 12.1503235,4.68113639 12.1451163,4.67711053 L12.1295406,4.66497448 C10.9908751,3.77086297 10.795981,2.12722513 11.6942296,0.993804067 L11.6942296,0.993804067 Z" id="形状结合" fill="url(#linearGradient-4)"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
wj-smartcity/src/components/navigator/index.vue
View file @ 9dfca903
<template>
<div class="bp-management-navigator">
<div class="top-back" id="holo_main_header_title">{{ title }}</div>
<div class="top-back" id="holo_main_header_title">
<img alt="" src="../../assets/images/holo/logo.svg"/>
{{ title }}
</div>
<!-- <div class="user">-->
<!-- <div class="user-icon"></div>-->
<!-- <div class="user-text">{{ userInfo.name }}</div>-->
......@@ -301,7 +304,8 @@ export default {
.el-menu-demo {
pointer-events: auto;
height: 31px;
margin-top: 49px;
margin-top: 22px;
margin-left: 190px;
}
.bp-management-navigator {
......@@ -318,8 +322,8 @@ export default {
.user {
position: absolute;
pointer-events: auto;
right: 80px;
top: 4px;
right: 50px;
top: 12px;
display: flex;
cursor: pointer;
align-items: center;
......@@ -339,18 +343,23 @@ export default {
height: 139px;
display: unset;
background:transparent;
background-image: url("../../assets/images/holo/topIndex.png");
background-image: url("../../assets/images/holo/topIndex1.png");
background-size: 100% auto;
background-clip: border-box;
background-repeat: no-repeat;
.top-back {
letter-spacing: 2px;
padding: 4px;
padding-left: 22px;
position: absolute;
width: 100%;
font-size: 32px;
text-align: center;
line-height: 55px;
//text-align: center;
line-height: 60px;
img{
width: 48px;
height: 47px;
}
}
}
......@@ -410,34 +419,34 @@ export default {
}
.demo0 {
left: 35px;
left: 35px + 500px;
}
.demo1 {
left: 192px;
left: 192px + 500px;
}
.demo2 {
left: 349px;
left: 349px + 500px;
}
.demo3 {
left: 506px;
left: 506px + 500px;
}
.demo4 {
right: 506px;
right: 506px + 500px;
}
.demo5 {
right: 349px;
right: 349px + 500px;
}
.demo6 {
right: 192px;
right: 192px + 500px;
}
.demo7 {
right: 35px;
right: 35 + 500pxpx;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment