zwesy
/
chaoyu
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

样式调整

virtual
15008401624 2020-12-09 09:29:46 +08:00
parent 9db0a96685
commit 1a73396f4e
6 changed files with 59 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
public/static/css/style.css
View File

@ -31,6 +31,8 @@ input,select,textarea{outline:medium none; resize: none;}
.w-100{width:100%; float: left;}
.w-1200{margin:auto;width:1200px;}
.w-1500{margin: auto; width: 1500px;}
.div-pc{ display: block;}
.div-phone{ display: none;}
/* 布局样式 */
@ -286,6 +288,7 @@ input,select,textarea{outline:medium none; resize: none;}
.news-box1 .center-block ul li a .pull-right .imgs img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.news-box1 .center-block ul li a .pull-right .info{ width: 71%; float: left; padding-left: 2.8125rem;}
.news-box1 .center-block ul li a .pull-right .info span{ display: block; font-size: 1.25rem; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news-box1 .center-block ul li a .pull-right .info em{ display: none;}
.news-box1 .center-block ul li a .pull-right .info p{ color: #999; line-height: 1.6; font-size: 0.9375rem; height: 4.5rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 1.125rem 0;}
.news-box1 .center-block ul li a .pull-right .info i{ float: right; font-size: 0.875rem; color: #999;}
.news-box1 .center-block ul li a:hover{ border-color: #fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
@ -410,6 +413,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 .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;}
@ -418,6 +422,8 @@ input,select,textarea{outline:medium none; resize: none;}
.nav ul li:hover .nav-second{ padding: 10px 10px;}
.nav.active{ transform: translate(0,0);}
/*nav end*/
.div-pc{ display: none;}
.div-phone{ display: block;}
.head-box{ position: fixed;}
.head-box,.head-box.active{ top: 0;}
@ -430,9 +436,9 @@ input,select,textarea{outline:medium none; resize: none;}
.banner-box .swiper-page{ bottom: 1rem;}
.home-box1{ padding: 1.5625rem 0;}
.home-box1 .center-block{ margin-top: 1.5625rem;}
.home-box1 .center-block{}
.home-box1 .center-block ul{ margin: auto;}
.home-box1 .center-block li{ width: 100% !important; padding: 0;}
.home-box1 .center-block li{ width: 100% !important; padding: 0; margin-top: 1rem;}
.home-box1 .center-block .box-info{ height: 20rem;}
.home-box1 .center-block .box-info::before{ top: 60%;}
.home-box1 .center-block .box-info .box1{ top: 1.5625rem;}
@ -442,7 +448,8 @@ input,select,textarea{outline:medium none; resize: none;}
.home-box2 .pull-left{ padding: 1.5625rem 0; height: 19.75rem;}
.home-box3{ padding: 1.5625rem 0;}
.home-box3 .lower-box ul{ width: 100%; margin-top: 1.125rem;}
.home-box3 .lower-box{ margin-top: -1rem;}
.home-box3 .lower-box ul{ width: 100%; margin-top: 3rem;}
.foot-box{ padding: 1.5625rem 0;}
.foot-box .top-box .fl img{ height: 3.5rem;}
@ -502,21 +509,28 @@ 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 0 1rem; overflow: auto;}
.marketing-box2 .center-block ul li .lower-box{ padding: 0; overflow: auto;}
.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 .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{ position: absolute;}
.news-box1 .center-block ul li a .pull-right{}
.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-left: 10px;}
.news-box1 .center-block ul li a .pull-right .info p{ margin: 1rem 0; height: 55px; font-size: 12px;}
.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 .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-box3{ padding: 2rem 0;}
.news-box3 .w-1200{ display: block;}
.news-box3 .between-top{ display: block;}
.news-box3 .pull-right{ width: 100%; margin-top: 0.5rem;}
.news-box3 .pull-right ul li a{ margin: 1rem 0 0;}
.news-box1 .more a,.news-box3 .more a{ margin-top: 2rem;}
.news-info{ padding: 2rem 0;}
.news-info .top-box{ padding-bottom: 1rem;}
@ -547,6 +561,11 @@ input,select,textarea{outline:medium none; resize: none;}
.about-box4 .lower-box .center-block{ margin-left: 0;}
.about-box4 .swiper-btn span{ font-size: 12px; margin-left: 1.2rem;}
.all-title-box1 span,.home-box3 .top-box span{ font-size: 2rem;}
.all-title-box1 p,.home-box3 .top-box i{ font-size: 1rem;}
.pageing li a, .pageing li span{ font-size: 12px; margin: 2px; padding: 3px 10px;}
}
@media screen and (max-width:768px){
}

8
public/static/js/script.js
View File

@ -42,6 +42,7 @@ $(function() {
}
});
$('.home-box1 .center-block li').hover(function(){
if($(this).attr('class') != 'active'){
$('.home-box1 .center-block li').removeClass('active').eq($(this).index()).addClass('active')
@ -95,6 +96,13 @@ $(function() {
if ($(window).width() <= 768) {
$('.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');
})
} else {
}

6
view/article/news.html
View File

@ -32,6 +32,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>
@ -41,7 +42,10 @@
{/foreach}
</ul>
</div>
<div class="pager w-100">
<div class="pager w-100 div-pc">
{$items->render()|raw}
</div>
<div class="pager w-100 div-phone">
{$items->render()|raw}
</div>
{/if}

1
view/article/news_center.html
View File

@ -27,6 +27,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>

5
view/article/products.html
View File

@ -41,7 +41,10 @@
{/foreach}
</ul>
</div>
<div class="pager w-100">
<div class="pager w-100 div-pc">
{$items->render()|raw}
</div>
<div class="pager w-100 div-phone">
{$items->render()|raw}
</div>
{/if}

14
view/page/marketing.html
View File

@ -38,7 +38,7 @@
<div class="pull-right">展开</div>
</div>
<div class="lower-box w-100">
<table class="table table-bordered">
<table class="table table-bordered div-pc">
<tr>
<th width="25%">项目名称</th>
<th width="25%">订货单位</th>
@ -56,6 +56,18 @@
{/foreach}
{/if}
</table>
{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>
</li>
{/foreach}