Skip to content

梁建民 / xinhot

Go to a project
Commit 1fd912df by 梁建民
Options

css

parent f301c20f
Expand all
Inline Side-by-side
Showing with 71 additions and 16 deletions
css/style.min.css
...@@ -219,7 +219,13 @@ body { overflow-x: hidden; } ...@@ -219,7 +219,13 @@ body { overflow-x: hidden; }
.product-details-banner .page-width { position: relative; height: 255px; } .product-details-banner .page-width { position: relative; height: 255px; }
.product-details-banner .page-width .img { width: 1190px; height: 255px; display: block; margin: 0 auto; } .product-details-banner .page-width .img { width: 1190px; height: 255px; display: block; margin: 0 auto; }
.product-details-banner .page-width .text { position: absolute; left: 0; right: 0; top: 73px; } .product-details-banner .page-width .text { position: absolute; left: 0; right: 0; top: 73px; }
.product-details-banner .page-width .text a { width: 307px; height: 76px; background: url("../images/re.png") no-repeat center; background-size: cover; display: block; margin: 0 auto 25px; } .product-details-banner .page-width .text .bg { width: 307px; height: 76px; background: url("../images/re.png") no-repeat center; background-size: cover; display: block; margin: 0 auto 25px; }
.product-details-banner .page-width .text .bg2 { width: 307px; height: 76px; background: url("../images/2.png") no-repeat center; background-size: cover; display: block; margin: 0 auto 25px; }
.product-details-banner .page-width .text .bg3 { width: 307px; height: 76px; background: url("../images/3.png") no-repeat center; background-size: cover; display: block; margin: 0 auto 25px; }
.product-details-banner .page-width .text .bg4 { width: 307px; height: 76px; background: url("../images/4.png") no-repeat center; background-size: cover; display: block; margin: 0 auto 25px; }
.product-details-banner .page-width .text .bg5 { width: 307px; height: 76px; background: url("../images/5.png") no-repeat center; background-size: cover; display: block; margin: 0 auto 25px; }
.product-details-banner .page-width .text .bg6 { width: 307px; height: 76px; background: url("../images/6.png") no-repeat center; background-size: cover; display: block; margin: 0 auto 25px; }
.product-details-banner .page-width .text .bg7 { width: 307px; height: 76px; background: url("../images/7.png") no-repeat center; background-size: cover; display: block; margin: 0 auto 25px; }
.product-details-banner .page-width .text p { font-size: 20px; color: #fefeff; text-align: center; } .product-details-banner .page-width .text p { font-size: 20px; color: #fefeff; text-align: center; }
.product-details-con { padding-top: 24px; padding-bottom: 58px; } .product-details-con { padding-top: 24px; padding-bottom: 58px; }
......
css/style.scss
...@@ -894,7 +894,7 @@ ...@@ -894,7 +894,7 @@
left: 0; left: 0;
right: 0; right: 0;
top: 73px; top: 73px;
a { .bg {
width: 307px; width: 307px;
height: 76px; height: 76px;
background: url("../images/re.png") no-repeat center; background: url("../images/re.png") no-repeat center;
...@@ -902,6 +902,54 @@ ...@@ -902,6 +902,54 @@
display: block; display: block;
margin: 0 auto 25px; margin: 0 auto 25px;
} }
.bg2 {
width: 307px;
height: 76px;
background: url("../images/2.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto 25px;
}
.bg3 {
width: 307px;
height: 76px;
background: url("../images/3.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto 25px;
}
.bg4 {
width: 307px;
height: 76px;
background: url("../images/4.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto 25px;
}
.bg5 {
width: 307px;
height: 76px;
background: url("../images/5.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto 25px;
}
.bg6 {
width: 307px;
height: 76px;
background: url("../images/6.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto 25px;
}
.bg7 {
width: 307px;
height: 76px;
background: url("../images/7.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto 25px;
}
p { p {
font-size: 20px; font-size: 20px;
color: #fefeff; color: #fefeff;
...@@ -998,7 +1046,7 @@ ...@@ -998,7 +1046,7 @@
width: 69px; width: 69px;
height: 69px; height: 69px;
display: block; display: block;
.uc{ .uc {
position: absolute; position: absolute;
left: -159px; left: -159px;
top: 58px; top: 58px;
...@@ -1009,7 +1057,7 @@ ...@@ -1009,7 +1057,7 @@
} }
&:hover { &:hover {
background-position: -106px -174px; background-position: -106px -174px;
.uc{ .uc {
display: block; display: block;
} }
} }
......
product_2.html
...@@ -55,8 +55,8 @@ ...@@ -55,8 +55,8 @@
<div class="page-width"> <div class="page-width">
<img src="images/sh.jpg" alt="" class="img"> <img src="images/sh.jpg" alt="" class="img">
<div class="text"> <div class="text">
<a href="javascript:;" class="bg"></a> <a href="javascript:;" class="bg2"></a>
<p>品质，最严格的保证</p> <p>半导体创新是推动设备发展的引擎</p>
</div> </div>
</div> </div>
</div> </div>
......
product_3.html
...@@ -55,8 +55,8 @@ ...@@ -55,8 +55,8 @@
<div class="page-width"> <div class="page-width">
<img src="images/sh.jpg" alt="" class="img"> <img src="images/sh.jpg" alt="" class="img">
<div class="text"> <div class="text">
<a href="javascript:;" class="bg"></a> <a href="javascript:;" class="bg3"></a>
<p>品质，最严格的保证</p> <p>专注提升服务质量和提供有竞争力的价格</p>
</div> </div>
</div> </div>
</div> </div>
......
product_4.html
...@@ -54,8 +54,8 @@ ...@@ -54,8 +54,8 @@
<div class="page-width"> <div class="page-width">
<img src="images/sh.jpg" alt="" class="img"> <img src="images/sh.jpg" alt="" class="img">
<div class="text"> <div class="text">
<a href="javascript:;" class="bg"></a> <a href="javascript:;" class="bg4"></a>
<p>品质，最严格的保证</p> <p>让未来有更好的改变！</p>
</div> </div>
</div> </div>
</div> </div>
......
product_5.html
...@@ -55,8 +55,8 @@ ...@@ -55,8 +55,8 @@
<div class="page-width"> <div class="page-width">
<img src="images/sh.jpg" alt="" class="img"> <img src="images/sh.jpg" alt="" class="img">
<div class="text"> <div class="text">
<a href="javascript:;" class="bg"></a> <a href="javascript:;" class="bg5"></a>
<p>品质，最严格的保证</p> <p>中国质量过硬放心品牌</p>
</div> </div>
</div> </div>
</div> </div>
......
product_6.html
...@@ -55,8 +55,8 @@ ...@@ -55,8 +55,8 @@
<div class="page-width"> <div class="page-width">
<img src="images/sh.jpg" alt="" class="img"> <img src="images/sh.jpg" alt="" class="img">
<div class="text"> <div class="text">
<a href="javascript:;" class="bg"></a> <a href="javascript:;" class="bg6"></a>
<p>品质，最严格的保证</p> <p>为合作者提供最具竞争力的价格和最具品质保证的产品</p>
</div> </div>
</div> </div>
</div> </div>
......
product_7.html
...@@ -55,8 +55,9 @@ ...@@ -55,8 +55,9 @@
<div class="page-width"> <div class="page-width">
<img src="images/sh.jpg" alt="" class="img"> <img src="images/sh.jpg" alt="" class="img">
<div class="text"> <div class="text">
<a href="javascript:;" class="bg"></a> <a href="javascript:;" class="bg7"></a>
<p>品质，最严格的保证</p> <p>
速度，创新，效率和灵活性是我们建立信任和诚信的基础，使我们的业务继续取得成功。</p>
</div> </div>
</div> </div>
</div> </div>
......
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