简化代码逻辑

about/index.html

@@ -9,7 +9,7 @@
     <meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=no" />
     <link rel="icon" href="../assets/img/favicon.ico">
 
-    <title>关于我们</title>
+    <title>关于永天</title>
 
     <link rel="stylesheet" href="../assets/css/bootstrap.min.css" />
     <!--====== Owl Carousel css ======-->
@@ -163,15 +163,12 @@
                             <ul class="aboutTyes" v-if="index==0">
                                 <li v-for="item in articalArray" :key="item.id"><a
                                         :href="`#${item.lmtitle}`">{{item.title}}</a></li>
-
                             </ul>
-
                         </div>
                         <div class="col-md-10 col-sm-12">
                             <div class="section-title text-center both-border pb-20">
                                 <span class="title-tag">{{arr.title}}</span>
                             </div>
-
                             <!-- 图文混排 -->
                             <div class="row" v-if="arr.image"
                                 :style="{padding:(index % 2 == 1?'40px 25px':' 40px 25px')}"
@@ -188,27 +185,12 @@
                                 <div class=" about-text-image" v-html="arr.content">
                                 </div>
                             </div>
-
-
                         </div>
                     </div>
-
-
-
-
-
-
-
-                    <!-- <div class="col-md-12 text-center" v-if="arr.image" :style="{padding:(index % 2 == 1?'50px':'0 50px ')}"  style="background-color: #ffff;">
-                    <img :src="arr.image" alt="">
-                </div> -->
-
-
                 </div>
             </section>
         </div>
 
-
         <!--====== FOOTER PART START ======-->
         <footer>
             <!-- widgets -->
@@ -251,10 +233,7 @@
             </div>
         </footer>
         <!--====== FOOTER PART END ======-->
-
-
-
-
+        
     </div>
 
     <script src="../assets/js/vendor/modernizr-3.6.0.min.js"></script>
@@ -275,10 +254,6 @@
     <script src="../assets/js/vue.min.js"></script>
     <script src="../assets/js/element/index.js"></script>
     <script src="../assets/js/commonVue.js"></script>
-    <!-- <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=iXlsFGT8ySqgKzSZtjzSvLMpF0OxuCXS&servic
-es=true"></script> -->
-
-
+    
 </body>
-
 </html>

assets/css/style.css

@@ -807,7 +807,7 @@
                 color:#409EFF;
                 border: 1px solid #409EFF;
                 border-radius: 17px;
-                padding:4px 20px;
+                padding:1px 20px;
                 font-size:18px;
                 cursor:pointer
             }
@@ -836,7 +836,7 @@
                 padding: 10px 10px 8px;
                
                 color: #fff;
-                /* font-family: "Oswald", sans-serif; */
+                font-family: "Microsoft YaHei",Helvetica,Arial,sans-serif;
                 /* font-weight: 500; */
                 text-transform: uppercase;
                 font-size: 18px;
@@ -6347,6 +6347,14 @@
             .newItemOne .oneInnerBox .img {
                 max-height: 160px
             }
+            .newItemOne .oneInnerBox .img {
+                transition: .5s all;
+            }
+            .oneInnerBox:hover .img {
+                /* background: rgb(241, 239, 239) */
+                transform: scale(1.05, 1.05);
+                transition: .5s all;
+            }
 
             
             .oneInnerBox span {
@@ -6450,7 +6458,7 @@
                     display:none;
                     position:absolute;
                     right:50px;
-                    top:-30px;
+                    top:0px;
                     width:230px;
                     padding:15px 15px;
                     color:#000;
@@ -6478,47 +6486,40 @@
 
                 }
             }
-            .feedBackDialog{
-               
-                .el-dialog{
-                    display: flex;
-                    flex-direction: column;
-                    margin: 0 !important;
-                    position: absolute;
-                    top: 50%;
-                    left: 50%;
-                    transform: translate(-50%, -50%);
 
-                }
-                .el-dialog__title{
-                    font-weight:400
-                }
-                .el-radio-button__inner{
-                    width:76px;
-                    height:36px;
-                    line-height:36px;
-                    padding:0;
-                 
-                    border:1px solid #DCDFE6;
-                    margin-bottom:5px;
-                    /* border-radius:4px; */
-                }
-                .el-radio-button:first-child .el-radio-button__inner,.el-radio-button:last-child .el-radio-button__inner{
-                    border-radius:0
-                }
-                /* .el-radio-button__inner:last-child{
-                    margin-right:0px;
-    
-                } */
-                .el-input__inner{
-                    height:36px;
-                    line-height:36px;
-                }
-                label{
-                    margin-bottom:0
-                }
+            .feedBackDialog .el-dialog{
+                display: flex;
+                flex-direction: column;
+                margin: 0 !important;
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
 
             }
+            .feedBackDialog .el-dialog__title{
+                font-weight:400
+            }
+            .feedBackDialog .el-radio-button__inner{
+                width:76px;
+                height:36px;
+                line-height:36px;
+                padding:0;
+             
+                border:1px solid #DCDFE6;
+                margin-bottom:5px;
+                /* border-radius:4px; */
+            }
+            .feedBackDialog .el-radio-button:first-child .el-radio-button__inner,.feedBackDialog .el-radio-button:last-child .el-radio-button__inner{
+                border-radius:0
+            }
+            .feedBackDialog .el-input__inner{
+                height:36px;
+                line-height:36px;
+            }
+            .feedBackDialog label{
+                margin-bottom:0
+            }
             .feedBackDialog .el-radio-group label{
                 margin-right:10px
             }

assets/js/commonVue.js

@@ -6,7 +6,7 @@ var app = new Vue({
     id: null,
     columnList: [
     ],
-    requestParams: {
+    requestParams: { //内容接口请求参数
       categoryid: this.id,
       pageNum: 1,
       pageSize: 9,
@@ -15,7 +15,7 @@ var app = new Vue({
     },
     currentPath: '',
     articalArray: [], //详情数组
-    articalArrayRelated: [], //相关新闻
+    articalArrayRelated: [], //相关推荐
     columnTypes: [], //栏目类型
     columnImage: '', //栏目图片
 
@@ -66,11 +66,10 @@ var app = new Vue({
     totalPageSzie: 1,
     loading: true,
     categoryid: 0,
-
-    
   },
 
   computed: {
+
   },
   created: function () {
     this.requestParams.categoryid = this.getQuery('id') ? this.getQuery('id') : ''
@@ -180,9 +179,7 @@ var app = new Vue({
           _this.articalArrayRelated = bb.filter(obj => obj.id != _this.articalArray[0].id);
           console.log(_this.articalArrayRelated)
         }
-        // setTimeout(()=>{
-          _this.loading = false;
-        // },100)
+        _this.loading = false;
         _this.totalPageSzie = res.data.total
         _this.totalPageNum = Math.ceil(res.data.total / res.data.size);
       }).fail(function (err) {});

assets/js/main.js

@@ -1,9 +1,6 @@
 var onitirDoc;
 
 (function($) {
-
-
-
     'use strict';
     onitirDoc = {
         init: function() {
@@ -45,16 +42,28 @@ var onitirDoc;
     // Document Ready
     $(document).ready(function() {
         onitirDoc.init();
+
+        //首页下箭头点击事件
+        var $wh = $(window).height();
+        $('.go_down').click(function (e) {
+            $('html,body').animate({
+                scrollTop: $(window).height()
+            }, 700);
+        });
     });
 
-    // Sticky Header
+    
     $(window).on('scroll', function() {
+
+        // Sticky Header
         var scroll = $(window).scrollTop();
         if (scroll < 110) {
             $('header.sticky-header').removeClass('sticky');
         } else {
             $('header.sticky-header').addClass('sticky');
         }
+
+        //返回顶部按钮的显示与隐藏
         if (scroll > 700){
             $('#scroll-up').css({'visibility': 'visible','opacity':'1'});
         }else{
@@ -62,19 +71,8 @@ var onitirDoc;
         }
     })
 
-
-
-
 })(jQuery)
 
-function toTrade() {
-    window.location.href = "./trade/index.html"
-}
-
-function toNews() {
-    window.location.href = "../../news/index.html"
-}
-
 
 
 

index.html

@@ -157,7 +157,6 @@
             </video>
             <div class="video-des">
                 <div class="des1">
-                    <!-- <h1 class="animate__animated animate__bounce">An animated element</h1> -->
                     <p class="animate__animated  animate__fadeInUp">公司成立<span class="num1">20年</span>，围绕行业细分，累计服务超过
                         <span class="num1">5000</span> 家企业，近<span class="num1"> 10万 </span>个用户</p>
                 </div>
@@ -179,9 +178,6 @@
             <span class="go_down"></span>
         </div>
 
-        <!-- <button-counter></button-counter> -->
-
-
         <section v-for="(list,ind) in homeList">
 
             <!--====== WHYUS SECTION START ======-->
@@ -360,20 +356,8 @@
             </div>
         </footer>
         <!--====== FOOTER PART END ======-->
-
-
-
-
-
-
-
-
-
-
     </div>
 
-
-
     <!--====== jquery js ======-->
     <script src="assets/js/vendor/modernizr-3.6.0.min.js "></script>
     <script src="assets/js/vendor/jquery-1.12.4.min.js "></script>
@@ -399,15 +383,6 @@
 
     <script src="assets/js/commonVue.js "></script>
 
-    <script>
-        //下箭头点击事件
-        var $wh = $(window).height();
-        $('.go_down').click(function (e) {
-            $('html,body').animate({
-                scrollTop: $wh
-            }, 700);
-        });
-    </script>
 </body>
 
 </html>

news/index.html

@@ -128,7 +128,6 @@
                                                     {{aa.sname}}</a></li>
                                         </ul>
                                     </li>
-
                                 </ul>
                             </div>
                         </nav>
@@ -164,10 +163,8 @@
         <section class="news-content-section pt-70">
             <div class="container">
                 <div class="col-lg-12 col-md-12 content">
-
                     <ul v-if="!loading">
                         <!-- 新闻列表主题start -->
-
                         <div class="row">
                             <div class="col-md-4 newItemOne" v-for="item in articalArray" :key="item.id">
                                 <div class="oneInnerBox" @click="oneInnerBox(item)">
@@ -180,14 +177,11 @@
                         </div>
                     </ul>
 
-
-
                     <div v-if="!loading" class="page mt-30 mb-30">
                         <div class="d-flex justify-content-center align-items-end cannot_selected"
                             style="position:relative">
                             <div class="page-des align-items-start cannot_selected">共<span> {{
                                     totalPageNum}}</span>页，共<span> {{totalPageSzie}}</span>条信息</div>
-
                             <el-pagination prev-text="上一页" next-text='下一页' :page-size="requestParams.pageSize"
                                 :current-page="requestParams.pageNum" background layout="prev, pager, next"
                                 :total="totalPageSzie" @current-change="currentChange">

news/read.html

@@ -147,18 +147,6 @@
         </section>
         <!--====== NEWS BREADCRUMB END ======-->
 
-        <!-- <section class="crumbs">
-            <div class="container">
-                <ul>
-                    所在位置：
-                    <li>首页 ></li>
-                    <li v-if="isNews" @click="toNews">公司新闻 ></li>
-                    <li v-else @click="toTrade">行业动态 ></li>
-                    <li class="active">正文</li>
-                </ul>
-            </div>
-        </section> -->
-
         <!--====== NEWS CONTENT START ======-->
         <section class="news-content-section pt-60">
             <div class="container">
@@ -170,12 +158,10 @@
                             </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">
@@ -188,16 +174,7 @@
                             <div v-html="articalArray[0].content" class="new-read-body">
                             </div>
                         </div>
-
-                        <!--  -->
-                        <!-- <div v-if="!loading" class="read-page d-flex justify-content-center"> -->
-                            <!-- <a :class="[!hasPrevious ? 'disable' : '']" :href="[hasPrevious ? './read.html?id='+previousInfo.id : 'javascript: void();']" class="previous">上一篇{{previousInfo.title}}</a> -->
-                            <!-- <a href="./index.html">返回新闻列表</a> -->
-                            <!-- <a :class="[!hasNext ? 'disable' : '']" :href="[hasNext ? './read.html?id='+nextInfo.id : 'javascript: void();']" class="next">下一篇{{nextInfo.title}}</a> -->
-                            <!-- <a :class="[!hasPrevious ? 'disable' : '']" :href="[hasPrevious ? './read.html?id='+previousInfo.id : 'javascript: void();']" class="min-previous">上一篇</a> -->
-                            <!-- <a :class="[!hasNext ? 'disable' : '']" :href="[hasNext ? './read.html?id='+nextInfo.id : 'javascript: void();']" class="min-next">下一篇</a> -->
-                        <!-- </div> -->
-                            
+   
                         <!-- 相关新闻 start -->
                         <div v-if="!loading">
                             <div class="title-tag2">相关新闻</div>
@@ -206,12 +183,6 @@
                                     <div><img width="18" height="18" src="../assets/img/news/arrowT.svg"> {{item.title}} </div>
                                     <div> {{timeFormatSeconds(item.modifydate?item.modifydate:'')}}</div>
                                 </a>
-
-
-                                <!-- <a class="justify-content-between d-flex relNewsList" :href="'./read.html?id='+item.id" v-for="item in relativeArr" :key="item.id">
-                                    <div><img width="18" height="18" src="../assets/img/news/arrowT.svg"> {{item.title}} </div>
-                                    <div> {{item.time}}</div>
-                                </a> -->
                             </div>
                         </div>
                         <!-- 相关新闻end -->
@@ -283,7 +254,6 @@
     <script src="../assets/js/element/index.js"></script>
     <script src="../assets/js/commonVue.js "></script>
 
-   
 </body>
 
 </html>

product/1.js

@@ -1,9 +0,0 @@
-function GetString(key) {
-    //  获取地址栏的参数
-    var url = window.location.search;
-    //正则表达式筛选
-    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
-    //匹配参数
-    var result = url.substr(1).match(reg);
-    return result ? decodeURLComponent(result[2]) : null;
-}

product/css/index.css

@@ -1,104 +0,0 @@
-.product-details-section .container .section-title .close {
-    cursor: pointer;
-    width: 36px;
-    height: 36px;
-    line-height: 30px;
-    box-shadow: 0px 2px 17px 4px rgba(158, 158, 158, 0.15);
-    background: #FFFFFF;
-    border: 1px solid #F2F2F2;
-    border-radius: 4px;
-}
-
-.product-details-section .tab-pane {
-    padding: 30px;
-    box-shadow: 0px 2px 17px 4px rgba(158, 158, 158, 0.15);
-}
-
-.product-details-section .tab-pane .productContent {
-    /* display: flex; */
-}
-
-.product-details-section .tab-pane .productContent>div:nth-child(1) {
-    width: 40%;
-    text-align: center;
-}
-
-.product-details-section .tab-pane .productContent>div:nth-child(2) {
-    width: 60%;
-}
-
-.product-details-section .tab-pane .close {
-    cursor: pointer;
-}
-
-.product-details-section .tab-pane .productText {
-    font-size: 20px;
-    font-family: Microsoft YaHei;
-    font-weight: bold;
-    color: #333333;
-    text-align: center;
-    margin-bottom: 20px;
-}
-
-.product-details-section .tab-pane .productContent .paneConText .title {
-    font-size: 16px;
-    font-family: Microsoft YaHei;
-    font-weight: bold;
-    color: #333333;
-    margin-bottom: 15px;
-    margin-top: 15px;
-}
-
-.product-details-section .tab-pane .productContent .paneConText .content {
-    font-size: 15px;
-    font-family: Microsoft YaHei;
-    color: #333333;
-    line-height: 28px;
-}
-
-.product-details-section .tab-pane .productContent .productContentImg {
-    height: 300px;
-    padding-right: 20px;
-}
-
-.product-grid-section .container .grid-isotope .software .product-link {
-    cursor: pointer;
-}
-
-.product-grid-section .grid-filter ul li div span {
-    width: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-@media (max-width: 991px) {
-    .product-details-section .tab-pane .productContent {
-        display: inline;
-    }
-    .product-details-section .tab-pane .productContent>div:nth-child(1) {
-        width: 100%;
-        text-align: center;
-    }
-    .product-details-section .tab-pane .productContent>div:nth-child(2) {
-        width: 100%;
-    }
-    .product-details-section .tab-pane .productContent .productContentImg {
-        padding: 0;
-    }
-}
-
-@media (max-width: 768px) {
-    .product-grid-section .container {
-        max-width: 100%;
-    }
-    .product-grid-section .grid-isotope .product-grid-box .product-img img {
-        height: 180px;
-    }
-}
-
-@media (max-width: 576px) {
-    .product-grid-section .grid-isotope .product-grid-box .product-img img {
-        height: 250px;
-    }
-}

product/index.html

@@ -29,32 +29,6 @@
     <link rel="stylesheet" href="../assets/css/element.css">
     <!--====== index css ====== -->
     <link rel="stylesheet" href="./css/index.css" />
-    <style>
-        strong {
-            color: #000;
-            margin-bottom: 10px;
-        }
-        
-        p {
-            margin: none;
-        }
-        
-     
-        
-        table {
-            margin-top: 10px;
-        }
-        
-        table,
-        th,
-        td {
-            border: 1px solid #ccc;
-        }
-        
-        td {
-            padding: 5px 10px;
-        }
-    </style>
 </head>
 
 <body>
@@ -190,12 +164,8 @@
                     <div class="col-lg-12">
                         <div class="">
                             <ul class="cannot_selected tabs_selected" style="text-align: center;">
-
-
-                          
                                 <a v-for="(item,i) in columnTypes" :class="item.id == requestParams.categoryid ? 'active' : ''"
                                 @click="facilityClick(i, item)">{{item.categoryName}}</a>
-
                             </ul>
                         </div>
                     </div>
@@ -213,7 +183,6 @@
                     </div>
                 </div>
 
-
                 <div class="news-content-section pt-60">
                     <div class="container">
                         <div class="row newBox">
@@ -222,10 +191,8 @@
                                     <div class="d-flex justify-content-center align-items-end cannot_selected" style="position:relative">
                                         <div class="page-des align-items-start cannot_selected">共<span> {{
                                                 totalPageNum}}</span>页，共<span> {{totalPageSzie}}</span>条信息</div>
-
                                         <el-pagination prev-text="上一页" next-text='下一页' :page-size="requestParams.pageSize" :current-page="requestParams.pageNum" background layout="prev, pager, next" :total="totalPageSzie" @current-change="currentChange">
                                         </el-pagination>
-
                                         <div class="page-des2 align-items-end cannot_selected pc">前往第
                                             <input v-model="goPage" class="previous" @keyup.enter="enterPage" /> 页
                                         </div>
@@ -238,8 +205,6 @@
         </section>
         <!--====== PRODUCT GRID START======-->
 
- 
-
         <!--====== FOOTER PART START ======-->
         <footer>
             <!-- widgets -->
@@ -294,12 +259,6 @@
         <script src="../assets/js/jquery.meanmenu.min.js"></script>
         <!--====== Main js ======-->
         <script src="../assets/js/main.js"></script>
-        <script>
-           
-
-
-              
-        </script>
         <!--====== Setting Info js=======-->
         <script src="../assets/js/settinginfo.js"></script>
         <!--====== Vue  js ======-->

product/read.html

@@ -163,7 +163,6 @@
                                 <span class="title-tag2" >产品详情</span>
                                 <a href="./index.html"><img src="../assets/img/product/close.png" alt=""></a>
                             </div>
-                
                             <div class="row">
                                  <div class="col-lg-5 col-md-6 ">
                                     <img :src="articalArray[0].image" alt="" style="width:90%">
@@ -173,36 +172,19 @@
                                     <div  v-html="articalArray[0].content"></div>
                                  </div>
                             </div>
-                       
-                           
                         </div>
-                     
-
-                        <!--  -->
-                        <!-- <div v-if="!loading" class="read-page d-flex justify-content-between">
-                            
-                           
-                        </div> -->
 
                         <!-- 相关产品 start -->
                         <div v-if="articalArrayRelated.length>0">
                             <div class="title-tag2 ">相关产品</div>
                             <div class="relNewBox container ">
-
                                 <a class="ustify-content-between d-flex relNewsList" :href="'./read.html?id='+item.categoryid+'&title='+item.title+'&isUrlId=1'" v-for="item in articalArrayRelated" :key="item.id">
                                     <div><img width="18" height="18" src="../assets/img/news/arrowT.svg"> {{item.title}} </div>
                                     <div> {{timeFormatSeconds(item.modifydate?item.modifydate:'')}}</div>
                                 </a>
-
-
-                                <!-- <a class="justify-content-between d-flex relNewsList" :href="'./read.html?id='+item.id" v-for="item in relativeArr" :key="item.id">
-                                    <div><img width="18" height="18" src="../assets/img/news/arrowT.svg"> {{item.title}} </div>
-                                    <div> {{item.time}}</div>
-                                </a> -->
                             </div>
                         </div>
                         <!-- 相关产品end -->
-
                     </div>
                 </div>
             </div>
@@ -270,8 +252,6 @@
     <script src="../assets/js/vue.min.js"></script>
     <script src="../assets/js/element/index.js"></script>
     <script src="../assets/js/commonVue.js "></script>
-
-   
 </body>
 
 </html>

solution/css/solution.css

@@ -1,144 +0,0 @@
-.title-tag2{
-    font-size: 22px;
-    font-weight: bold;
-}
-.borderRadius1{
-    width: 16px;
-    height: 16px;
-    background: rgb(175, 202, 250);
-    border-radius: 50%;
-    line-height: 14px;
-    text-align: center;
-    margin-right: 10px;
-}
-.borderRadius2{
-    width: 10px;
-    height: 10px;
-    background: #639BFF;
-    border-radius: 50%;
-}
-.textSpan{
-    font-size: 16px;
-    font-family: Microsoft YaHei;
-    font-weight: bold;
-    color: #333333;
-    line-height: 28px;
-}
-.textDiv{
-    padding-left: 31px;
-}
-.BoxShadow{
-    padding: 0;
-    box-shadow: 0px 2px 17px 4px rgba(158, 158, 158, 0.15);
-    border-radius: 10px 10px 0px 0px;
-}
-
-#nav-tabs-ul{
-    padding: 0;
-    background: rgba(195, 217, 255, 1);
-    border-radius: 10px 10px 0px 0px;
-    border: 0px;
-}
-
-#nav-tabs-ul li{
-    padding: 0;
-}
-
-#nav-tabs-ul li a{
-    width: 100%;
-    text-align: center;
-    padding: 15px 20px;
-    color: rgba(51, 51, 51, 1);
-    font-weight: bold;
-}
-
-#nav-tabs-ul .active,#nav-tabs-ul li a:hover{
-    background: #ffff;
-    border-radius: 10px 10px 0px 0px;
-    border: 0px;
-    color: rgba(99, 155, 255, 1);
-}
-
-.tab-content-one>div{
-    padding: 20px 40px;
-}
-
-.tab-content-one .tab-pane-one .nav-tabs-li,
-.tab-content-one .tab-pane-one .nav-tabs-li li
-{
-    padding: 0;
-}
-
-.tab-content-one .tab-pane-one .nav-tabs-li li a{
-    width: 100%;
-    text-align: center;
-    padding: 15px 20px;
-    color: rgba(51, 51, 51, 1);
-    font-weight: bold;
-}
-
-.tab-content-one .tab-pane-one .nav-tabs-li .active,.tab-content-one .tab-pane-one .nav-tabs-li li a:hover{
-    border-bottom: 3px rgba(99, 155, 255, 1) solid;
-}
-
-.tab-content-two>div{
-    padding: 20px 0;
-    padding-top: 40px;
-}
-
-.tab-content-two .tab-pane-tow .paneContent{
-    display: flex;
-}
-.tab-content-two .tab-pane-tow .paneContent>img{
-    width: 40%;
-}
-.tab-content-two .tab-pane-tow .paneContent>div{
-    width: 60%;
-    padding-left: 60px;
-}
-.tab-content-two .tab-pane-tow .paneContent .paneConTitle{
-    display: flex;
-    margin-bottom: 30px;
-    font-size: 16px;
-    font-weight: bold;
-}
-.tab-content-two .tab-pane-tow .paneContent .paneConTitle>div{
-    width: 50%;
-}
-
-
-@media (max-width: 1200px) {
-}
-
-@media (max-width: 991px){
-}
-
-@media (max-width: 768px) {
-    .BoxShadow{
-        overflow: auto;
-    }
-    .BoxShadow #nav-tabs-ul, .tab-content-one .tab-pane-one .nav-tabs-li{
-        min-width: 720px;
-        white-space: nowrap;
-    }
-    .tab-content-two{
-        min-width: 720px;
-        padding: 0 20px;
-        padding-bottom: 20px;
-    }
-    .tab-content>div{
-        padding: 0;
-        padding-top: 20px;
-    }
-}
-
-@media (max-width: 600px) {
-}
-
-@media (max-width: 576px) and (max-width: 575px){
-}
-
-@media (max-width: 414px) {
-}
-
-  

solution/index.html

@@ -26,9 +26,7 @@
     <link rel="stylesheet" href="../assets/css/style.css" />
     <!--====== home css ====== -->
     <link rel="stylesheet" href="../assets/css/home.css" />
-    <!--====== solution css ====== -->
-    <link rel="stylesheet" href="./css/solution.css" />
-    </head>
+</head>
 
 <body>
 
@@ -253,10 +251,6 @@
     <!--====== Vue js======-->
     <script src="../assets/js/element/index.js"></script>
     <script src="../assets/js/commonVue.js "></script>
-
-<script>
-
-</script>
 </body>
 
 </html>

solution/read.html

@@ -146,7 +146,6 @@
         <section class="common-bradcrumb-section">
             <img :src="columnImage" alt="">
         </section>
-        
 
         <!--====== PRODUCT CONTENT START ======-->
         <section class="product-content-section pt-60">
@@ -163,36 +162,21 @@
                                 <span class="title-tag2" >内容详情</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>
-                       
-                           
                         </div>
-                     
-
-                     
-
                         <!-- 相关推荐 start -->
                         <div v-if="articalArrayRelated.length>0">
                             <div class="title-tag2">相关推荐</div>
                             <div class="relNewBox container ">
-
                                 <a class="ustify-content-between d-flex relNewsList" :href="'./read.html?id='+item.categoryid+'&title='+item.title+'&isUrlId=1'" v-for="item in articalArrayRelated" :key="item.id">
                                     <div><img width="18" height="18" src="../assets/img/news/arrowT.svg"> {{item.title}} </div>
                                     <div> {{timeFormatSeconds(item.modifydate?item.modifydate:'')}}</div>
                                 </a>
-
-
-                                <!-- <a class="justify-content-between d-flex relNewsList" :href="'./read.html?id='+item.id" v-for="item in relativeArr" :key="item.id">
-                                    <div><img width="18" height="18" src="../assets/img/news/arrowT.svg"> {{item.title}} </div>
-                                    <div> {{item.time}}</div>
-                                </a> -->
                             </div>
                         </div>
                         <!-- 相关推荐end -->
@@ -265,7 +249,6 @@
     <script src="../assets/js/element/index.js"></script>
     <script src="../assets/js/commonVue.js "></script>
 
-   
 </body>
 
 </html>