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