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

8
htmls/Interview.html
View File

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

8
htmls/InterviewDetails.html
View File

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

8
htmls/aboutUs.html
View File

@ -19,10 +19,6 @@
<link rel="stylesheet" type="text/css" href="../css/style.css" /> <link rel="stylesheet" type="text/css" href="../css/style.css" />
</head> </head>
<body> <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="nav conNav navIpd">
<div class="navTop"> <div class="navTop">
@ -42,6 +38,10 @@
<a href="./contactUs.html">聯繫我們</a> <a href="./contactUs.html">聯繫我們</a>
</div> </div>
</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"> <div class="text contentPageC aboutUsPbottom">
<p class="title">關於Allen Zhou</p> <p class="title">關於Allen Zhou</p>
<div class="contentPage"> <div class="contentPage">

8
htmls/brand.html
View File

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

8
htmls/contactUs.html
View File

@ -21,10 +21,6 @@
<script src="../js/swiper.min.js"></script> <script src="../js/swiper.min.js"></script>
</head> </head>
<body> <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="nav conNav navIpd">
<div class="navCon"> <div class="navCon">
<p></p> <p></p>
@ -48,6 +44,10 @@
<a class="on" href="./contactUs.html">聯繫我們</a> <a class="on" href="./contactUs.html">聯繫我們</a>
</div> </div>
</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"> <div class="text contentPageC wellKnownProductsNavP">
<p class="title">联系我们</p> <p class="title">联系我们</p>
<div class="contactUs"> <div class="contactUs">

8
htmls/contentPage.html
View File

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

8
htmls/engineering.html
View File

@ -21,10 +21,6 @@
<script src="../js/swiper.min.js"></script> <script src="../js/swiper.min.js"></script>
</head> </head>
<body> <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="nav conNav navIpd">
<div class="navTop"> <div class="navTop">
<img src="../imgs/logo.png" alt=""> <img src="../imgs/logo.png" alt="">
@ -45,6 +41,10 @@
<a href="./contactUs.html">聯繫我們</a> <a href="./contactUs.html">聯繫我們</a>
</div> </div>
</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="projectIntroductionCon">
<div class=""> <div class="">
<p class="title">工程工藝</p> <p class="title">工程工藝</p>

8
htmls/honoraryCertificate.html
View File

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

8
htmls/indexBrand.html
View File

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

8
htmls/projectIntroduction.html
View File

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

8
htmls/projectIntroductionDetails.html
View File

@ -21,10 +21,6 @@
<script src="../js/swiper.min.js"></script> <script src="../js/swiper.min.js"></script>
</head> </head>
<body> <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="nav conNav navIpd">
<div class="navTop"> <div class="navTop">
<img src="../imgs/logo.png" alt=""> <img src="../imgs/logo.png" alt="">
@ -43,6 +39,10 @@
<a href="./contactUs.html">聯繫我們</a> <a href="./contactUs.html">聯繫我們</a>
</div> </div>
</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="projectIntroductionCon">
<div class="projectIntroduction"> <div class="projectIntroduction">
<div class="projectIntroductionList projectIntroductionDetailsNav"> <div class="projectIntroductionList projectIntroductionDetailsNav">

8
htmls/serviceConcept.html
View File

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

8
htmls/siteImage.html
View File

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

8
htmls/wellKnownProducts.html
View File

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