提交 15dee61f authored 作者: coderBryanFu's avatar coderBryanFu

update

上级 d5af7461
差异被折叠。
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<template> <template>
<div class="home-wrapper"> <div class="home-wrapper">
<img :src="background" alt="" class="background-img" /> <img :src="background" alt="" class="background-img" />
<div class="home-header"> <!-- <div class="home-header">
<div class="header-left"> <div class="header-left">
<HeaderMenu></HeaderMenu> <HeaderMenu></HeaderMenu>
</div> </div>
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div> -->
<div class="content-box"> <div class="content-box">
<!-- 导航栏 --> <!-- 导航栏 -->
<div class="content-nav"> <div class="content-nav">
...@@ -168,92 +168,91 @@ const handleDateClick = type => { ...@@ -168,92 +168,91 @@ const handleDateClick = type => {
width: 100%; width: 100%;
height: 700px; height: 700px;
position: absolute; position: absolute;
top: 64px;
left: 0; left: 0;
z-index: -1; z-index: -1;
} }
.home-header { // .home-header {
height: 64px; // height: 64px;
flex-shrink: 0; // flex-shrink: 0;
z-index: 100; // z-index: 100;
background: url("./assets/images/header-bg.png") no-repeat center center; // background: url("./assets/images/header-bg.png") no-repeat center center;
background-size: 100% 100%; // background-size: 100% 100%;
box-sizing: border-box; // box-sizing: border-box;
padding: 0 160px; // padding: 0 160px;
display: flex; // display: flex;
justify-content: space-between; // justify-content: space-between;
align-items: center; // align-items: center;
.header-right { // .header-right {
.header-search-box { // .header-search-box {
display: flex; // display: flex;
gap: 12px; // gap: 12px;
justify-content: flex-end; // justify-content: flex-end;
.header-search-left { // .header-search-left {
width: 360px; // width: 360px;
height: 36px; // height: 36px;
line-height: 36px; // line-height: 36px;
border-radius: 4px; // border-radius: 4px;
background: rgba(255, 255, 255, 0.3); // background: rgba(255, 255, 255, 0.3);
display: flex; // display: flex;
.input-box { // .input-box {
width: 324px; // width: 324px;
:deep(.el-input) { // :deep(.el-input) {
.el-input__wrapper { // .el-input__wrapper {
background-color: transparent !important; // background-color: transparent !important;
box-shadow: none !important; // box-shadow: none !important;
padding: 0 12px; // padding: 0 12px;
} // }
.el-input__inner { // .el-input__inner {
color: #fff; // color: #fff;
height: 36px; // height: 36px;
line-height: 36px; // line-height: 36px;
&::placeholder { // &::placeholder {
color: rgba(255, 255, 255, 0.6); // color: rgba(255, 255, 255, 0.6);
} // }
} // }
} // }
} // }
.icon { // .icon {
width: 36px; // width: 36px;
height: 36px; // height: 36px;
border-radius: 4px; // border-radius: 4px;
cursor: pointer; // cursor: pointer;
&:hover { // &:hover {
background: rgba(255, 255, 255, 0.5); // background: rgba(255, 255, 255, 0.5);
} // }
img { // img {
width: 100%; // width: 100%;
height: 100%; // height: 100%;
} // }
} // }
} // }
.header-search-right { // .header-search-right {
width: 36px; // width: 36px;
height: 36px; // height: 36px;
line-height: 36px; // line-height: 36px;
border-radius: 4px; // border-radius: 4px;
background: rgba(255, 255, 255, 0.3); // background: rgba(255, 255, 255, 0.3);
cursor: pointer; // cursor: pointer;
.header-img-box { // .header-img-box {
width: 19px; // width: 19px;
height: 24px; // height: 24px;
margin: 5px auto; // margin: 5px auto;
img { // img {
width: 100%; // width: 100%;
height: 100%; // height: 100%;
} // }
} // }
} // }
} // }
} // }
} // }
.content-box { .content-box {
flex: 1; flex: 1;
...@@ -262,7 +261,7 @@ const handleDateClick = type => { ...@@ -262,7 +261,7 @@ const handleDateClick = type => {
padding-top: 48px; padding-top: 48px;
.us-pressure-section { .us-pressure-section {
position: relative; position: relative;
margin-top: 64px; // margin-top: 64px;
.data-select { .data-select {
width: 120px; width: 120px;
height: 144px; height: 144px;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论