From 1a73396f4eb07b91d114979e7650279a37f28cd8 Mon Sep 17 00:00:00 2001
From: 15008401624 <597081433@qq.com>
Date: Wed, 9 Dec 2020 09:29:46 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/static/css/style.css   | 37 ++++++++++++++++++++++++++---------
 public/static/js/script.js    |  8 ++++++++
 view/article/news.html        |  6 +++++-
 view/article/news_center.html |  1 +
 view/article/products.html    |  5 ++++-
 view/page/marketing.html      | 14 ++++++++++++-
 6 files changed, 59 insertions(+), 12 deletions(-)

diff --git a/public/static/css/style.css b/public/static/css/style.css
index bdf7f89..fff9808 100644
--- a/public/static/css/style.css
+++ b/public/static/css/style.css
@@ -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){
 }
diff --git a/public/static/js/script.js b/public/static/js/script.js
index dcdf0fb..433b62e 100644
--- a/public/static/js/script.js
+++ b/public/static/js/script.js
@@ -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 {
 
     }
diff --git a/view/article/news.html b/view/article/news.html
index 69955dd..f48cf22 100644
--- a/view/article/news.html
+++ b/view/article/news.html
@@ -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}
diff --git a/view/article/news_center.html b/view/article/news_center.html
index 2ae10ea..29928ab 100644
--- a/view/article/news_center.html
+++ b/view/article/news_center.html
@@ -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>
diff --git a/view/article/products.html b/view/article/products.html
index c12e0bd..84ff035 100644
--- a/view/article/products.html
+++ b/view/article/products.html
@@ -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}
diff --git a/view/page/marketing.html b/view/page/marketing.html
index e85a4a0..ddb45c9 100644
--- a/view/page/marketing.html
+++ b/view/page/marketing.html
@@ -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}