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