样式修改
15008401624
parent
f0cb49a1bf
commit
fcd8e3f40a
|
|
@ -375,6 +375,9 @@ input,select,textarea{outline:medium none; resize: none;}
|
|||
.search-form-box .layui-form .layui-btn{ width: 30%;}
|
||||
.layui-form-select dl dd.layui-this{ background: #1E9FFF;}
|
||||
|
||||
.honor-tc{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: rgba(0,0,0,0.5); display: none;}
|
||||
.honor-tc .center-center{ width: 100%; height: 100%; padding: 20px;}
|
||||
.honor-tc i{ width: 35px; height: 35px; background: url(../image/icon_close.png) no-repeat center rgba(255,255,255,0.9); background-size: 15px; border-radius: 100%; position: absolute; right: 15px; top: 15px;}
|
||||
|
||||
|
||||
/* 小于等于多少高度的样式 */
|
||||
|
|
@ -413,7 +416,7 @@ input,select,textarea{outline:medium none; resize: none;}
|
|||
.nav ul li span a{ display: inline-block; line-height: 35px; float: none; margin: auto; font-size: 14px; padding: 0; color: #333;}
|
||||
.nav ul li span a::before{ display: none;}
|
||||
.nav ul li span.active a::after{ content: ''; width: 13px; height: 97%; background: url(../image/icon_jt1.png) no-repeat center; background-size: 100%; position: absolute; right: -20px; top: 1px; pointer-events: none;}
|
||||
.nav ul li span.cur a{ background: url(../image/icon_jt1.png) no-repeat right; background-size: 10px; padding:0 17px;}
|
||||
.nav ul li span.cur a i{ width: 10px; height: 100%; position: absolute; left: 100%; top: 0; background: url(../image/icon_jt1.png) no-repeat right; background-size: 100%; margin-left: 10px;}
|
||||
.nav ul li .nav-second{ position: relative; top: 0; width: 100%; overflow: initial; display: block; float: left;}
|
||||
.nav ul li .nav-second a{ min-width: 100%; margin: 0; font-size: 12px;}
|
||||
.nav ul li:hover span a{ color: #00418f !important;}
|
||||
|
|
@ -479,6 +482,8 @@ input,select,textarea{outline:medium none; resize: none;}
|
|||
.about-box2 .lower-box .pull-right ul li{ margin-bottom: 0.9375rem;}
|
||||
|
||||
.about-box2 .lower-box .div-phone .swiper-slide{ text-align: center;}
|
||||
.about-box2 .lower-box .div-phone .swiper-slide span{ width: 100%; display: block; height: 243px; overflow: hidden;}
|
||||
.about-box2 .lower-box .div-phone .swiper-slide img{ width: 100%;}
|
||||
.about-box2 .lower-box .div-phone .swiper-slide p{ margin-top: 12px; font-size: 14px;}
|
||||
|
||||
.about-box3{ padding: 1.5625rem 0;}
|
||||
|
|
@ -512,23 +517,25 @@ input,select,textarea{outline:medium none; resize: none;}
|
|||
.marketing-box2 .center-block ul li{ margin-top: 1rem; padding: 0 1rem;}
|
||||
.marketing-box2 .center-block ul li .top-box{ padding: 1rem 0;}
|
||||
.marketing-box2 .center-block ul li .top-box .pull-left i{ width: 3rem;}
|
||||
.marketing-box2 .center-block ul li .lower-box{ padding: 0; overflow: auto;}
|
||||
.marketing-box2 .center-block ul li .lower-box{ padding: 0 0 15px; overflow: auto;}
|
||||
.marketing-box2 .center-block ul li .lower-box table{ display: none;}
|
||||
.marketing-box2 .center-block ul li .lower-box table td,.marketing-box2 .center-block ul li .lower-box table th{ white-space: nowrap; padding: 1rem;}
|
||||
|
||||
.marketing-box2 .center-block ul li .lower-box .div-phone .center-block{ border-top: 1px solid #d9d9d9; padding-bottom: 10px;}
|
||||
.marketing-box2 .center-block ul li .lower-box .div-phone .center-block div{ margin-top: 10px;}
|
||||
.marketing-box2 .center-block ul li .lower-box .div-phone{ max-height: 861px; overflow: auto;}
|
||||
.marketing-box2 .center-block ul li .lower-box .div-phone .center-block:first-child{ margin-top: 0;}
|
||||
.marketing-box2 .center-block ul li .lower-box .div-phone .center-block{border: 1px solid #d9d9d9;margin-top: 15px;padding: 10px;border-radius: 5px;}
|
||||
.marketing-box2 .center-block ul li .lower-box .div-phone .center-block div{border-top: 1px solid #ccc;padding: 10px;}
|
||||
.marketing-box2 .center-block ul li .lower-box .div-phone .center-block div:first-child{ border-width: 0;}
|
||||
.marketing-box2 .center-block ul li .lower-box .div-phone .center-block div span{ display: block; font-weight: bold; font-size: 14px;}
|
||||
|
||||
.news-box1{ padding: 2rem 0;}
|
||||
.news-box1 .center-block ul li a{ margin-top: 1.5rem; padding: 1rem;}
|
||||
.news-box1 .center-block ul li a .pull-left{ display: none;}
|
||||
.news-box1 .center-block ul li a .pull-right{ width: 100%;}
|
||||
.news-box1 .center-block ul li a .pull-right .imgs{ width: 100%; height: 22rem;}
|
||||
.news-box1 .center-block ul li a .pull-right .info{ width: 100%; padding: 10px 0 0;}
|
||||
.news-box1 .center-block ul li a .pull-right .imgs{ width: 45%;}
|
||||
.news-box1 .center-block ul li a .pull-right .info{ width: 55%; padding: 0 0 0 10px;}
|
||||
.news-box1 .center-block ul li a .pull-right .info em{ display: block; font-style: initial; margin-top: 0.8rem;}
|
||||
.news-box1 .center-block ul li a .pull-right .info p{ margin: 0.8rem 0; height: 55px; font-size: 12px;}
|
||||
.news-box1 .center-block ul li a .pull-right .info span{ -webkit-line-clamp:inherit}
|
||||
.news-box1 .center-block ul li a .pull-right .info p{ margin: 0.8rem 0; height: auto; max-height: 38px; font-size: 12px; -webkit-line-clamp:2;}
|
||||
|
||||
.news-box3{ padding: 2rem 0;}
|
||||
.news-box3 .w-1200{ display: block;}
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
|
|
@ -98,12 +98,14 @@ $(function() {
|
|||
$('.home-box1 .center-block li').addClass('active')
|
||||
|
||||
$('.nav ul li .nav-second a').click(function(){
|
||||
console.log(1);
|
||||
$('.nav_btn').removeClass('cur');
|
||||
$('.nav').removeClass('active');
|
||||
$('body').css('overflow', 'inherit');
|
||||
})
|
||||
$('.nav ul li span.cur').click(function(){
|
||||
$('.nav ul li span.cur').each(function(){
|
||||
$(this).find('a').append('<i></i>')
|
||||
})
|
||||
$('.nav ul li span.cur a i').click(function(){
|
||||
return false
|
||||
})
|
||||
} else {
|
||||
|
|
|
|||
|
|
@ -58,6 +58,7 @@
|
|||
<div class="imgs"><img src="{:getImgSrc($item, '__IMG__/default_bg.jpg')}" ></div>
|
||||
<div class="info">
|
||||
<span title="{$item['title'] ?? ''}">{$item['title'] ?? ''}</span>
|
||||
<em>{$item['create_time']|date="Y.m.d"}</em>
|
||||
<p>{:nl2br($item['summary'] ?? '')}</p>
|
||||
<i>了解详情+</i>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@
|
|||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
{foreach $honor.items as $item}
|
||||
<div class="swiper-slide"><img src="{:getImgSrc($item, '__IMG__/default_bg.png')}"><p>{$item.title}</p></div>
|
||||
<div class="swiper-slide"><span><img src="{:getImgSrc($item, '__IMG__/default_bg.png')}" onclick="tanchuImg(this)"></span><p>{$item.title}</p></div>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -65,6 +65,12 @@
|
|||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<div class="honor-tc">
|
||||
<div class="center-center">
|
||||
<i onclick="$('.honor-tc').fadeOut();"></i>
|
||||
<img src="" >
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var swiper = new Swiper('.about-box2 .div-phone .swiper-container', {
|
||||
loop:true,
|
||||
|
|
@ -74,6 +80,11 @@
|
|||
$('.about-box2 .top-box .fr span').click(function(){
|
||||
swiper.update()
|
||||
})
|
||||
function tanchuImg(obj){
|
||||
var imgsrc = $(obj).attr('src')
|
||||
$('.honor-tc').find('img').attr('src',imgsrc);
|
||||
$('.honor-tc').fadeIn();
|
||||
}
|
||||
</script>
|
||||
<!-- Structure -->
|
||||
<div class="about-box3 w-100" id="about3">
|
||||
|
|
|
|||
|
|
@ -56,18 +56,19 @@
|
|||
{/foreach}
|
||||
{/if}
|
||||
</table>
|
||||
|
||||
<div class="div-phone w-100">
|
||||
{if isset($achievement.infos) && count($achievement.infos) > 0}
|
||||
{foreach $achievement.infos as $info}
|
||||
<div class="div-phone wf100">
|
||||
<div class="center-block w-100">
|
||||
<div><span>项目名称：</span><p>{$info.title}</p></div>
|
||||
<div><span>订货单位：</span><p>{$info.order_company}</p></div>
|
||||
<div><span>货物名称及型号规格：</span><p>{:nl2br($info.goods_model)}</p></div>
|
||||
<div><span>数量：</span><p>{:nl2br($info.goods_amount)}</p></div>
|
||||
</div>
|
||||
</div>
|
||||
{/foreach}
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{/foreach}
|
||||
|
|
|
|||
Loading…
Reference in New Issue