Skip to content

梁建民 / liebaochHtml

Go to a project
Commit c60b1452 by LJM
Options

add

parent 4e09395a
Expand all
Inline Side-by-side
Showing with 65 additions and 17 deletions
about.html
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="slide-text-other"> <div class="slide-text-other" style="bottom: 310px;">
<ul> <ul>
<li class="wow" style="display: block"> <li class="wow" style="display: block">
<p class="t1">关于我们</p> <p class="t1">关于我们</p>
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
</div> </div>
</div> </div>
<div class="row code"> <div class="row code">
<img src="./images/weixin.png" alt="">
</div> </div>
</div> </div>
<div class="copyright"> <div class="copyright">
......
css/base.less
...@@ -9,7 +9,7 @@ html { ...@@ -9,7 +9,7 @@ html {
html, body { html, body {
*position: static; *position: static;
font: 14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53"; font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
} }
html * { html * {
......
css/style.less
...@@ -65,7 +65,9 @@ ...@@ -65,7 +65,9 @@
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
min-width: 120px; min-width: 120px;
box-sizing: border-box; box-sizing: border-box;
display: none; transition: all 0.4s ease;
opacity: 0;
transform: translateY(-10px);
dd { dd {
padding: 0 20px 20px 20px; padding: 0 20px 20px 20px;
...@@ -86,7 +88,8 @@ ...@@ -86,7 +88,8 @@
&:hover { &:hover {
dl { dl {
display: block; opacity: 1;
transform: translateY(0);
} }
} }
} }
...@@ -99,6 +102,7 @@ ...@@ -99,6 +102,7 @@
height: 5px; height: 5px;
background: #FFFFFF; background: #FFFFFF;
transition: all 0.3s ease; transition: all 0.3s ease;
z-index: -1;
} }
.simplified-chinese { .simplified-chinese {
...@@ -204,7 +208,7 @@ ...@@ -204,7 +208,7 @@
.t1 { .t1 {
font-size: 70px; font-size: 70px;
color: #ffffff; color: #ffffff;
font-weight: 200; font-weight: bold;
line-height: 98px; line-height: 98px;
margin-bottom: 13px; margin-bottom: 13px;
} }
...@@ -225,6 +229,11 @@ ...@@ -225,6 +229,11 @@
font-size: 18px; font-size: 18px;
color: #ffffff; color: #ffffff;
font-weight: bold; font-weight: bold;
transition: all 0.4s ease;
&:hover {
background: #E9AA28;
}
} }
} }
...@@ -665,6 +674,11 @@ ...@@ -665,6 +674,11 @@
line-height: 25px; line-height: 25px;
font-weight: bold; font-weight: bold;
letter-spacing: 2px; letter-spacing: 2px;
transition: all 0.4s ease;
&:hover {
background: #0A7CC1;
}
} }
} }
} }
...@@ -720,6 +734,12 @@ ...@@ -720,6 +734,12 @@
width: 128px; width: 128px;
height: 128px; height: 128px;
background: #F3F3F3; background: #F3F3F3;
img {
width: 128px;
height: 128px;
object-fit: cover;
}
} }
.copyright { .copyright {
...@@ -754,6 +774,7 @@ ...@@ -754,6 +774,7 @@
li { li {
position: relative; position: relative;
transition: all 0.4s ease;
.box { .box {
cursor: pointer; cursor: pointer;
...@@ -828,6 +849,12 @@ ...@@ -828,6 +849,12 @@
} }
&:hover { &:hover {
.box {
.iconfont {
color: #0A7CC1;
}
}
.show { .show {
display: block; display: block;
} }
......
css/style.min.css
...@@ -9,7 +9,7 @@ html { ...@@ -9,7 +9,7 @@ html {
html, html,
body { body {
*position: static; *position: static;
font: 14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53"; font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
} }
html * { html * {
outline: none; outline: none;
...@@ -250,7 +250,9 @@ body { ...@@ -250,7 +250,9 @@ body {
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
min-width: 120px; min-width: 120px;
box-sizing: border-box; box-sizing: border-box;
display: none; transition: all 0.4s ease;
opacity: 0;
transform: translateY(-10px);
} }
.head-wrap .head .main .menu-box .menu li dl dd { .head-wrap .head .main .menu-box .menu li dl dd {
padding: 0 20px 20px 20px; padding: 0 20px 20px 20px;
...@@ -264,7 +266,8 @@ body { ...@@ -264,7 +266,8 @@ body {
font-weight: bold; font-weight: bold;
} }
.head-wrap .head .main .menu-box .menu li:hover dl { .head-wrap .head .main .menu-box .menu li:hover dl {
display: block; opacity: 1;
transform: translateY(0);
} }
.head-wrap .head .main .menu-box .slider { .head-wrap .head .main .menu-box .slider {
position: absolute; position: absolute;
...@@ -273,6 +276,7 @@ body { ...@@ -273,6 +276,7 @@ body {
height: 5px; height: 5px;
background: #FFFFFF; background: #FFFFFF;
transition: all 0.3s ease; transition: all 0.3s ease;
z-index: -1;
} }
.head-wrap .head .main .menu-box .simplified-chinese .iconfont { .head-wrap .head .main .menu-box .simplified-chinese .iconfont {
margin-right: 4px; margin-right: 4px;
...@@ -356,7 +360,7 @@ body { ...@@ -356,7 +360,7 @@ body {
.head-wrap .slideBox .slide-text .t1 { .head-wrap .slideBox .slide-text .t1 {
font-size: 70px; font-size: 70px;
color: #ffffff; color: #ffffff;
font-weight: 200; font-weight: bold;
line-height: 98px; line-height: 98px;
margin-bottom: 13px; margin-bottom: 13px;
} }
...@@ -375,6 +379,10 @@ body { ...@@ -375,6 +379,10 @@ body {
font-size: 18px; font-size: 18px;
color: #ffffff; color: #ffffff;
font-weight: bold; font-weight: bold;
transition: all 0.4s ease;
}
.head-wrap .slideBox .slide-text .btn:hover {
background: #E9AA28;
} }
.head-wrap .slideBox .slide-text-other { .head-wrap .slideBox .slide-text-other {
position: absolute; position: absolute;
...@@ -729,6 +737,10 @@ body { ...@@ -729,6 +737,10 @@ body {
line-height: 25px; line-height: 25px;
font-weight: bold; font-weight: bold;
letter-spacing: 2px; letter-spacing: 2px;
transition: all 0.4s ease;
}
.cooperation .cooperation-form-box .box .btn:hover {
background: #0A7CC1;
} }
.footer { .footer {
padding: 68px 0 0px 0; padding: 68px 0 0px 0;
...@@ -774,6 +786,11 @@ body { ...@@ -774,6 +786,11 @@ body {
height: 128px; height: 128px;
background: #F3F3F3; background: #F3F3F3;
} }
.footer .code img {
width: 128px;
height: 128px;
object-fit: cover;
}
.footer .copyright { .footer .copyright {
margin-top: 37px; margin-top: 37px;
padding: 14px 0 20px 0; padding: 14px 0 20px 0;
...@@ -801,6 +818,7 @@ body { ...@@ -801,6 +818,7 @@ body {
} }
.page-bar ul li { .page-bar ul li {
position: relative; position: relative;
transition: all 0.4s ease;
} }
.page-bar ul li .box { .page-bar ul li .box {
cursor: pointer; cursor: pointer;
...@@ -854,6 +872,9 @@ body { ...@@ -854,6 +872,9 @@ body {
.page-bar ul li:nth-child(3):hover .show { .page-bar ul li:nth-child(3):hover .show {
top: -143px; top: -143px;
} }
.page-bar ul li:hover .box .iconfont {
color: #0A7CC1;
}
.page-bar ul li:hover .show { .page-bar ul li:hover .show {
display: block; display: block;
} }
......
index.html
...@@ -313,7 +313,7 @@ ...@@ -313,7 +313,7 @@
</div> </div>
</div> </div>
<div class="row code"> <div class="row code">
<img src="./images/weixin.png" alt="">
</div> </div>
</div> </div>
<div class="copyright"> <div class="copyright">
......
inoutCustomsdeclaration.html
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
</div> </div>
</div> </div>
<div class="row code"> <div class="row code">
<img src="./images/weixin.png" alt="">
</div> </div>
</div> </div>
<div class="copyright"> <div class="copyright">
......
internationaAir.html
...@@ -167,7 +167,7 @@ ...@@ -167,7 +167,7 @@
</div> </div>
</div> </div>
<div class="row code"> <div class="row code">
<img src="./images/weixin.png" alt="">
</div> </div>
</div> </div>
<div class="copyright"> <div class="copyright">
......
internationaLand.html
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
</div> </div>
</div> </div>
<div class="row code"> <div class="row code">
<img src="./images/weixin.png" alt="">
</div> </div>
</div> </div>
<div class="copyright"> <div class="copyright">
......
internationaRailway.html
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
</div> </div>
</div> </div>
<div class="row code"> <div class="row code">
<img src="./images/weixin.png" alt="">
</div> </div>
</div> </div>
<div class="copyright"> <div class="copyright">
......
internationalShipping.html
...@@ -167,7 +167,7 @@ ...@@ -167,7 +167,7 @@
</div> </div>
</div> </div>
<div class="row code"> <div class="row code">
<img src="./images/weixin.png" alt="">
</div> </div>
</div> </div>
<div class="copyright"> <div class="copyright">
......
warehouse.html
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
</div> </div>
</div> </div>
<div class="row code"> <div class="row code">
<img src="./images/weixin.png" alt="">
</div> </div>
</div> </div>
<div class="copyright"> <div class="copyright">
......
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 sign in to comment