Lee
/
shengtang-lee
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

导航栏修改

master
Lee-1203 2022-02-16 09:25:35 +08:00
parent c98b50f7fe
commit 0a354341ad
15 changed files with 272 additions and 267 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/style.css
View File

@ -32,11 +32,12 @@
height: 100%;
padding-top: 60px;
box-sizing: border-box;
position: absolute;
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
text-align: center;
z-index: 999;
}
.navTop{
width: 150px;
@ -50,6 +51,7 @@
background-color: #0D0D0D;
}
.navTop img{
width: 116px;
transform: rotate(-45deg);
}
.navLsit>a{
@ -126,8 +128,7 @@
color: #fff;
}
.conNav{
left: 0;
transform: translateX(0);
transform: translateX(-720px);
}
.mainCon{
width: 1440px;
@ -1016,6 +1017,10 @@ select{
.nav{
width: 230px;
}
.conNav{
left: 60px;
transform: translateX(0);
}
.siteImage{
width: 100%;
height: auto;

8
htmls/Interview.html
View File

@ -21,10 +21,6 @@
<script src="../js/swiper.min.js"></script>
</head>
<body>
<div class="main">
<img src="../imgs/rwzf.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon mainInterview">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
@ -45,6 +41,10 @@
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="main">
<img src="../imgs/rwzf.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon mainInterview">
<div class="Interview">
<div class="InterviewTitle">
<p class="title">人物專訪</p>

8
htmls/InterviewDetails.html
View File

@ -19,10 +19,6 @@
<link rel="stylesheet" type="text/css" href="../css/style.css" />
</head>
<body>
<div class="main">
<img src="../imgs/rwzf.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
@ -41,6 +37,10 @@
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="main">
<img src="../imgs/rwzf.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="text contentPageC InterviewDetails">
<p class="title">人物專訪標題文字後台上傳人物專訪標題文字後台上傳</p>
<div class="contentPage">

8
htmls/aboutUs.html
View File

@ -19,10 +19,6 @@
<link rel="stylesheet" type="text/css" href="../css/style.css" />
</head>
<body>
<div class="main">
<img src="../imgs/rwgy.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
@ -42,6 +38,10 @@
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="main">
<img src="../imgs/rwgy.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="text contentPageC aboutUsPbottom">
<p class="title">關於Allen Zhou</p>
<div class="contentPage">

8
htmls/brand.html
View File

@ -19,10 +19,6 @@
<link rel="stylesheet" type="text/css" href="../css/style.css" />
</head>
<body>
<div class="main">
<img src="../imgs/ber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
@ -41,6 +37,10 @@
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="main">
<img src="../imgs/ber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="text contentPageC brand">
<p class="title">名品軟裝</p>
<div class="select">

8
htmls/contactUs.html
View File

@ -21,10 +21,6 @@
<script src="../js/swiper.min.js"></script>
</head>
<body>
<div class="main">
<img src="../imgs/lx.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navCon">
<p></p>
@ -48,6 +44,10 @@
<a class="on" href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="main">
<img src="../imgs/lx.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="text contentPageC wellKnownProductsNavP">
<p class="title">联系我们</p>
<div class="contactUs">

8
htmls/contentPage.html
View File

@ -19,10 +19,6 @@
<link rel="stylesheet" type="text/css" href="../css/style.css" />
</head>
<body>
<div class="main">
<img src="../imgs/ber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
@ -41,6 +37,10 @@
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="main">
<img src="../imgs/ber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="text contentPageC">
<p class="title">盛堂世家設計機構</p>
<div class="contentPage">

8
htmls/engineering.html
View File

@ -21,10 +21,6 @@
<script src="../js/swiper.min.js"></script>
</head>
<body>
<div class="main">
<img src="../imgs/gyber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon mainInterview">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
@ -45,6 +41,10 @@
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="main">
<img src="../imgs/gyber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon mainInterview">
<div class="projectIntroductionCon">
<div class="">
<p class="title">工程工藝</p>

8
htmls/honoraryCertificate.html
View File

@ -19,10 +19,6 @@
<link rel="stylesheet" type="text/css" href="../css/style.css" />
</head>
<body>
<div class="main">
<img src="../imgs/rwzf.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
@ -41,6 +37,10 @@
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="main">
<img src="../imgs/rwzf.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="honoraryCertificate">
<p class="title">資質榮譽</p>
<div class="honoraryCertificateCon">

8
htmls/indexBrand.html
View File

@ -19,10 +19,6 @@
<link rel="stylesheet" type="text/css" href="../css/style.css" />
</head>
<body>
<div class="main">
<img src="../imgs/stpp.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
@ -43,6 +39,10 @@
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="main">
<img src="../imgs/stpp.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="text contentPageC brand">
<p class="title">名品軟裝</p>
<div class="indexBrandCon">

8
htmls/projectIntroduction.html
View File

@ -21,10 +21,6 @@
<script src="../js/swiper.min.js"></script>
</head>
<body>
<div class="main">
<img src="../imgs/xmjs.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon mainInterview">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
@ -43,6 +39,10 @@
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="main">
<img src="../imgs/xmjs.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon mainInterview">
<div class="projectIntroductionCon">
<div class="">
<p class="title">項目介紹</p>

8
htmls/projectIntroductionDetails.html
View File

@ -21,10 +21,6 @@
<script src="../js/swiper.min.js"></script>
</head>
<body>
<div class="main">
<img src="../imgs//xmjs.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon mainInterview">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
@ -43,6 +39,10 @@
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="main">
<img src="../imgs//xmjs.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon mainInterview">
<div class="projectIntroductionCon">
<div class="projectIntroduction">
<div class="projectIntroductionList projectIntroductionDetailsNav">

8
htmls/serviceConcept.html
View File

@ -19,10 +19,6 @@
<link rel="stylesheet" type="text/css" href="../css/style.css" />
</head>
<body>
<div class="main">
<img src="../imgs/ber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
@ -41,6 +37,10 @@
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="main">
<img src="../imgs/ber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="honoraryCertificate brand">
<p class="title">名品軟裝</p>
<div class="select">

8
htmls/siteImage.html
View File

@ -21,10 +21,6 @@
<script src="../js/swiper.min.js"></script>
</head>
<body>
<div class="main">
<img src="../imgs/gyber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon mainInterview">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
@ -43,6 +39,10 @@
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="main">
<img src="../imgs/gyber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon mainInterview">
<div class="projectIntroductionCon siteImageW">
<div class="">
<p class="title">工程工藝</p>

8
htmls/wellKnownProducts.html
View File

@ -21,10 +21,6 @@
<script src="../js/swiper.min.js"></script>
</head>
<body>
<div class="main">
<img src="../imgs/ber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="nav conNav navIpd">
<div class="navTop">
<img src="../imgs/logo.png" alt="">
@ -43,6 +39,10 @@
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="main">
<img src="../imgs/ber.png" class="ber" alt="">
<div class="con">
<div class="h100 mainCon">
<div class="text contentPageC brand wellKnownProductsNavP">
<p class="title">名品软装</p>
<div class="select">