样式修改

public/static/css/style.css

@@ -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{ max-height: 861px; overflow: auto;}
-    .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: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 .imgs{ width: 45%;}
-    .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{ 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 p{ margin: 0.8rem 0; height: auto; max-height: 38px; font-size: 12px; -webkit-line-clamp:2;}
-    .news-box1 .center-block ul li a .pull-right .info span{ -webkit-line-clamp:inherit}
     
     .news-box3{ padding: 2rem 0;}
     .news-box3 .w-1200{ display: block;}

public/static/js/script.js

@@ -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 {

view/article/news_center.html

@@ -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>

view/page/about.html

@@ -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">

view/page/marketing.html

@@ -56,19 +56,20 @@
                                 {/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}
                 {/if}