修复优化

assets/css/style.css

@@ -3867,7 +3867,7 @@
             }
             
             .news-content-section .content .read_content .new-read-title2 {
-                padding: 25px 0;
+                padding: 10px 0 0;
                 max-width: 800px;
                 margin: 0 auto
             }
@@ -3875,6 +3875,8 @@
             .news-content-section .content .read_content .new-read-title2 span {
                 font-size: 14px;
                 color: #999;
+                margin-right:10px;
+                display:inline-block;
             }
             
             .news-content-section .content .read-page {
@@ -4093,8 +4095,23 @@
             /*===========================
 	Product Grid
 ===========================*/
+            .product-grid-section .content .img {
+                background-position: center center;
+                background-repeat: no-repeat;
+                background-size: contain;
+                height: 230px;
+                /* width:90%; */
+                margin:0 auto;
+                display:flex;
+                justify-content: center;
+                align-items: center;
+            }
+            .product-grid-section .content .img img{
+                width:80%
+            }
             
             .product-grid-section {
+                
                 position: relative;
                 /* background-color: #f6f6fe */
             }
@@ -4168,9 +4185,15 @@
                     text-align: center;
                     padding: 20px 10px;
                 }
+                .product-grid-section .content .img {
+                    height: 180px;
+                }
             }
             
             @media (max-width: 999px) {
+                .product-grid-section .content .img {
+                    height: 150px;
+                }
                 .product-grid-section ul a {
                     /* width: 24.999999%; */
                     /* margin-top: 2px; */
@@ -5203,7 +5226,8 @@
            
             @media (max-width: 1200px) {
                 .about-sec .container .aboutTyes li a{
-                    padding:10px 13px;
+                    padding:10px 17px;
+                    font-size:14px;
                 }
                 .about-sub-company-section {
                     /* background-image: none; */
@@ -5798,8 +5822,7 @@
                     margin-bottom: 20px
                 }
                 .solution-section {
-                    padding-top: 40px;
-                    padding-bottom: 40px
+                 
                 }
             }
             
@@ -6110,7 +6133,6 @@
             }
             
             .new-read-body p {
-                text-indent: 32px
             }
             
             @media(min-width:992px) {
@@ -6346,7 +6368,7 @@
             }
             
             .newItemOne .oneInnerBox .img {
-                max-height: 160px
+                /* max-height: 160px */
             }
             .newItemOne .oneInnerBox .img {
                 transition: .5s all;
@@ -6524,9 +6546,9 @@
 
             .solutionType .solutionTypeOne{
                 text-align:center;
-                padding:20px 0;
-                width:12.5%;
-                max-width: 12.5%;
+                padding:20px 40px;
+                /* width:12.5%; */
+                /* max-width: 12.5%; */
                 cursor:pointer;
                 display:inline-block;
 
@@ -6554,6 +6576,20 @@
             .solutionTypeOne.active img,.solutionTypeOne:hover img{
                 filter: drop-shadow(#fff -40px 0px 0px);
             }
+
+            @media(max-width:1200px) {
+                .solutionType .solutionTypeOne{
+                    padding:10px 20px;
+                }  
+            }
+            @media(max-width:992px) {
+                .solutionType .solutionTypeOne{
+                    padding:7px 10px;
+                }  
+                .solutionType .solutionTypeOne p{
+                    font-size:14px
+                }  
+            }
         
 
 

news/read.html

@@ -157,20 +157,18 @@
                                 <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                             </div>
                         </div>
-                        <div v-if="!loading" class="read_content mb-80">
-                            <div class="section-title text-center both-border mb-80 d-flex justify-content-between">
-                                <span class="title-tag2">新闻详情</span>
-                                <a href="./index.html"><img src="../assets/img/product/close.png" alt=""></a>
-                            </div>
-                            <div class="title-tag2 mb-40 text-center" style="font-size:20px">{{articalArray[0].title}}</div>
-                            <div class="new-read-title2">
-                                <div class="row">
-                                    <div class="col-md-4 col-sm-6 col-6 line-one">时间：{{timeFormatSeconds(articalArray[0].createdate)}}</div>
-                                    <div class="col-md-4 col-sm-6 col-6 line-one">作者：{{articalArray[0].author}}</div>
-                                    <div class="col-md-4 col-sm-6 col-6  line-one">点击：{{articalArray[0].hits}}</div>
-                                    <!-- <div class="col-md-3 col-sm-6 col-6 line-one">来源：{{articalArray[0].source}}???</div> -->
+                        <div v-if="!loading" class="read_content mb-60">
+                            <div class="section-title text-left both-border mb-60 d-flex justify-content-between">
+                                <div >
+                                    <span class="title-tag2">{{articalArray[0].title}}</span>
+                                    <div class="new-read-title2">
+                                            <span >时间：{{timeFormatSeconds(articalArray[0].createdate)}}</span>
+                                            <span >作者：{{articalArray[0].author}}</span>
+                                            <span >点击：{{articalArray[0].hits}}</span>
+                                    </div>
                                 </div>
-                            </div>
+                                <a href="./index.html"><img src="../assets/img/product/close.png" alt=""></a>
+                            </div>                            
                             <div v-html="articalArray[0].content" class="new-read-body">
                             </div>
                         </div>

product/index.html

@@ -28,7 +28,6 @@
     <!--====== element css ====== -->
     <link rel="stylesheet" href="../assets/css/element.css">
     <!--====== index css ====== -->
-    <link rel="stylesheet" href="./css/index.css" />
 </head>
 
 <body>
@@ -155,7 +154,7 @@
         <!--====== COMMON BREADCRUMB END ======-->
 
         <!--====== PRODUCT GRID START======-->
-        <section class="product-grid-section pt-20 pb-60" >
+        <section class="product-grid-section  pt-20 pb-60" >
             <div class="container">
                 <!-- <div class="section-title both-border mb-20 " style="text-align: center;">
                     <span class="title-tag2">产品类别</span>
@@ -171,12 +170,14 @@
                     </div>
                 </div>
 
-                <div class="row pt-80"  >
-                    <div class="col-md-4 newItemOne productItemOne"  v-for="item in articalArray" :key="item.id">
+                <div class="row pt-80 content"  >
+                    <div class="col-md-4 newItemOne "  v-for="item in articalArray" :key="item.id">
                         <div class="oneInnerBox" @click="oneInnerBox(item)">
-                            <div class="img">
-                                <img :src="item.image" alt="">
+                            <div class="img" v-bind:style="{backgroundImage:'url('+item.image+')'}">
+                                <!-- <img :src="item.image" alt=""> -->
                             </div>
+
+                    
                             <a class="line-two">{{item.title}}</a>
                             <span class="line-two">{{item.zhaiyao}}</span>
                         </div>

product/read.html

@@ -158,9 +158,9 @@
                                 <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                             </div>
                         </div>
-                        <div v-if="!loading" class="read_content mb-80">
-                            <div class="section-title text-left both-border mb-80 d-flex justify-content-between">
-                                <span class="title-tag2" >产品详情</span>
+                        <div v-if="!loading" class="read_content mb-60">
+                            <div class="section-title text-left both-border mb-60 d-flex justify-content-between">
+                                <span class="title-tag2" >{{articalArray[0].title}}</span>
                                 <a href="./index.html"><img src="../assets/img/product/close.png" alt=""></a>
                             </div>
                             <div class="row">
@@ -168,7 +168,6 @@
                                     <img :src="articalArray[0].image" alt="" style="width:90%">
                                  </div>
                                  <div class=" col-lg-7 col-md-6 " >
-                                    <div class="title-tag2 mb-40" style="font-size:20px">{{articalArray[0].title}}</div>
                                     <div  v-html="articalArray[0].content"></div>
                                  </div>
                             </div>

solution/index.html

@@ -251,6 +251,25 @@
     <!--====== Vue js======-->
     <script src="../assets/js/element/index.js"></script>
     <script src="../assets/js/commonVue.js "></script>
+    <script>
+        /*magiccity UL 宽度*/
+ 	// var sWidth = document.body.clientWidth;
+ 	// if(sWidth >= 768) {
+ 	// 	var percentage = 0.334;
+ 	// 	var cardpercentage = 0.25
+ 	// }else {
+ 	// 	var percentage = 0.667;
+ 	// 	var cardpercentage = 0.5
+ 	// }
+ 	// var len = $(".solutionTypeOne").length;
+    // // alert(len)
+    // $(".solutionType .container .solutionTypeOne").css({
+    // 	"width": sWidth * cardpercentage,
+    // 	"height": sWidth * cardpercentage * 1.5,
+    // });
+    // $(".solutionType .container").css("width", (sWidth * cardpercentage + 30) * (7 - 1) + sWidth * cardpercentage + 40);
+
+    </script>
 </body>
 
 </html>

solution/read.html

@@ -157,14 +157,13 @@
                                 <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                             </div>
                         </div>
-                        <div v-if="!loading" class="read_content mb-80">
-                            <div class="section-title text-center both-border mb-80 d-flex justify-content-between">
-                                <span class="title-tag2" >内容详情</span>
+                        <div v-if="!loading" class="read_content mb-60">
+                            <div class="section-title text-center both-border mb-60 d-flex justify-content-between">
+                                <span class="title-tag2" >{{articalArray[0].title}}</span>
                                 <a href="./index.html"><img src="../assets/img/product/close.png" alt=""></a>
                             </div>
                             <div class="row">
                                  <div class=" col-lg-12 col-md-12  " >
-                                    <div class="title-tag2 mb-40 text-center" style="font-size:20px">{{articalArray[0].title}}</div>
                                     <div  v-html="articalArray[0].content"></div>
                                  </div>
                             </div>