|
|
@ -11,7 +11,14 @@ |
|
|
<span>→</span> |
|
|
<span>→</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="detail_show_container"></div> |
|
|
|
|
|
|
|
|
<div class="detail_show_container"> |
|
|
|
|
|
<div class="content"> |
|
|
|
|
|
线性光源是建筑照明术语，指一个连续的灯或灯具，其发光带的总长度远大于其 |
|
|
|
|
|
到照度计算点之间的距离，可视为线光源。线性光源一般是多 |
|
|
|
|
|
发出线性的光，形成一条线。可选择365nm、385nm、395nm、405nm波长的不同 |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="botton_txt">动车底部巡检</div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="product_card"> |
|
|
<div class="product_card"> |
|
|
<img :src="A1" alt="" class="product_img" /> |
|
|
<img :src="A1" alt="" class="product_img" /> |
|
|
@ -92,30 +99,49 @@ import A1 from '@/static/img/index/a1.png' |
|
|
cursor: pointer; |
|
|
cursor: pointer; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
.detail_show_container { |
|
|
|
|
|
display: none; |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
top: 0; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
background: #fcfcfc; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
z-index: 20; |
|
|
|
|
|
padding: 94px 0 194px 0; |
|
|
|
|
|
.content { |
|
|
|
|
|
border-left: solid 4px #f95926; |
|
|
|
|
|
width: 80%; |
|
|
|
|
|
margin: 0 auto; |
|
|
|
|
|
padding-left: 34px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
font-weight: 300; |
|
|
|
|
|
color: #7e7e7e; |
|
|
|
|
|
line-height: 28px; |
|
|
|
|
|
} |
|
|
|
|
|
.botton_txt { |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
left: 0; |
|
|
|
|
|
bottom: 0; |
|
|
|
|
|
right: 0; |
|
|
|
|
|
padding: 30px 84px; |
|
|
|
|
|
background: #f95926; |
|
|
|
|
|
font-size: 22px; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
color: #ffffff; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
&:nth-child(even) { |
|
|
&:nth-child(even) { |
|
|
.detail_show_container { |
|
|
.detail_show_container { |
|
|
display: none; |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
top: 0; |
|
|
|
|
|
left: -100%; |
|
|
left: -100%; |
|
|
width: 100%; |
|
|
|
|
|
background: #fcfcfc; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
z-index: 999; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
&:nth-child(odd) { |
|
|
&:nth-child(odd) { |
|
|
.detail_show_container { |
|
|
.detail_show_container { |
|
|
display: none; |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
top: 0; |
|
|
|
|
|
left: 100%; |
|
|
left: 100%; |
|
|
width: 100%; |
|
|
|
|
|
background: #fcfcfc; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
z-index: 999; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
&:hover { |
|
|
&:hover { |
|
|
|
maochaoying
2 years ago