根据需求调整页面逻辑

about/index.html

@@ -16,8 +16,10 @@
     <link rel="stylesheet" href="../assets/css/slick.css" />
     <!--====== Mean Menu ======-->
     <link rel="stylesheet" href="../assets/css/meanmenu.min.css" />
-     <!--====== element css ====== -->
-     <link rel="stylesheet" href="../assets/css/element.css">
+    <!--====== element css ====== -->
+    <link rel="stylesheet" href="../assets/css/element.css">
+    <!--====== Animation css =======-->
+    <link rel="stylesheet" href="../assets/css/animation.css" />
     <!--====== Default css ======-->
     <link rel="stylesheet" href="../assets/css/default.css" />
     <!--====== Style css ======-->
@@ -33,52 +35,81 @@
 		<p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>
   <![endif]-->
     <div id="app">
+        <div>
+            <!-- LOADING START -->
+            <div v-if="loading" class="loadingBox">
+                <div class="loadEffect">
+                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
+                </div>
+            </div>
+            <!-- LOADING END -->
+            <!-- DIALOG START-->
+            <div class="feedBackBox">
+                <div class="contactOne">
+                    <img src="/assets/img/home/f_phone.png" alt="">
+                    <ul class="contactInner">
+                        <li>
+                            <span> 电话：</span>
+                            <span>021-65376655 <br> 021-62985186</span>
+                        </li>
+                    </ul>
+                </div>
+                <div class="contactQr">
+                    <!-- 二维码 -->
+                    <img src="/assets/img/home/f_code.png" alt="">
+                    <div class="">
+                        <img src="/assets/img/qr_codeF.png" alt="">
+                    </div>
+                </div>
+                <div @click="scrollToTop" id="scroll-up" style="opacity:0">
+                    <img src="/assets/img/home/f_top.png" alt="">
+                </div>
+            </div>
+            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
+                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
+                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
+                    <el-form-item label="" prop="platName" style="">
+                        <el-radio-group v-model="ruleForm.platName">
+                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
+                            </el-radio-button>
+                        </el-radio-group>
+                    </el-form-item>
+                    <el-row :gutter="20">
+                        <el-col :span="12">
+                            <el-form-item label="姓名" prop="consultName">
+                                <el-input v-model="ruleForm.consultName"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="联系电话" prop="consultPhone">
+                                <el-input v-model="ruleForm.consultPhone"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="邮箱" prop="mail">
+                                <el-input v-model="ruleForm.mail"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="公司" prop="company">
+                                <el-input v-model="ruleForm.company"></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-form-item label="需求描述" prop="consultContent">
+                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
+                    </el-form-item>
+                </el-form>
+
+                <!-- <span>需要注意的是内容是默认不居中的</span> -->
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
+                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
+                </span>
+            </el-dialog>
+            <!-- DIALOG END -->
+        </div>
 
-        <!-- DIALOG START-->
-        <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-            :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
-                <el-form-item label="" prop="platName" style="">
-                    <el-radio-group v-model="ruleForm.platName">
-                        <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                        </el-radio-button>
-                    </el-radio-group>
-                </el-form-item>
-                <el-row :gutter="20">
-                    <el-col :span="12">
-                        <el-form-item label="姓名" prop="consultName">
-                            <el-input v-model="ruleForm.consultName"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="联系电话" prop="consultPhone">
-                            <el-input v-model="ruleForm.consultPhone"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="邮箱" prop="mail">
-                            <el-input v-model="ruleForm.mail"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="公司" prop="company">
-                            <el-input v-model="ruleForm.company"></el-input>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-form-item label="需求描述" prop="consultContent">
-                    <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                </el-form-item>
-            </el-form>
-
-            <!-- <span>需要注意的是内容是默认不居中的</span> -->
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-            </span>
-        </el-dialog>
-        <!-- DIALOG END -->
-        
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
             <div class="custom-container-one">
@@ -92,7 +123,7 @@
                             <div class="menu-items">
                                 <ul v-if="columnList">
                                     <li v-for="item in columnList" :key="item.id" :class="
-                                    currentPath==item.sname? 'active':''">
+                                currentPath==item.sname? 'active':''">
                                         <a :href="`${item.sname}?id=${item.id}&isUrlId=0`">{{item.categoryName}}</a>
                                         <ul class="submenu">
                                             <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a
@@ -105,7 +136,8 @@
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true">申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true">申请体验
+                        </div>
                     </div>
                 </div>
                 <div>
@@ -122,14 +154,16 @@
         <!--====== COMMON BREADCRUMB END ======-->
 
         <div>
-            <section class="about-introduce-section course-section pt-40 pb-60 about-sec"  v-for="(arr,index) in articalArray" :style="{background:(index % 2 == 1?'#F4F8FD':'#fff')}">
-                <div :id="arr.sortindex"  class="pointOffset" >0</div>
+            <section class="about-introduce-section course-section pt-40 pb-60 about-sec"
+                v-for="(arr,index) in articalArray" :style="{background:(index % 2 == 1?'#F4F8FD':'#fff')}">
+                <div :id="arr.sortindex" class="pointOffset">0</div>
                 <div class="container">
                     <div class="row">
                         <div class="col-md-2 col-sm-12 text-center">
-                            <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 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>
@@ -138,41 +172,44 @@
                                 <span class="title-tag">{{arr.title}}</span>
                             </div>
 
-                             <!-- 图文混排 -->
-                            <div class="row" v-if="arr.image"  :style="{padding:(index % 2 == 1?'40px 25px':' 40px 25px')}"   style="background-color: #ffff;    box-shadow: 0px 10px 20px 10px rgb(179 202 216 / 20%)">
+                            <!-- 图文混排 -->
+                            <div class="row" v-if="arr.image"
+                                :style="{padding:(index % 2 == 1?'40px 25px':' 40px 25px')}"
+                                style="background-color: #ffff;    box-shadow: 0px 10px 20px 10px rgb(179 202 216 / 20%)">
                                 <div class="col-md-7  pr-40 aboutImg ">
                                     <img :src="arr.image" alt="">
                                 </div>
-                                <div class="col-md-5"  v-html="arr.content">
+                                <div class="col-md-5" v-html="arr.content">
                                 </div>
                             </div>
                             <!-- 只有富文本 -->
-                            <div class=""  v-else :style="{padding:(index % 2 == 1?'40px':'0 ')}"   style="background-color: #ffff;">
-                                <div class=" about-text-image"  v-html="arr.content"  >
+                            <div class="" v-else :style="{padding:(index % 2 == 1?'40px':'0 ')}"
+                                style="background-color: #ffff;">
+                                <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> -->
+                    <img :src="arr.image" alt="">
+                </div> -->
+
 
-                    
                 </div>
             </section>
         </div>
 
 
-         <!--====== FOOTER PART START ======-->
+        <!--====== FOOTER PART START ======-->
         <footer>
             <!-- widgets -->
             <div class="footer-widget-area">
@@ -186,10 +223,12 @@
                         </div>
                         <div class="footerNone" style="width:15% !important;" v-for="item in columnList" :key="item.id">
                             <div class="widget nav-widget d-flex justify-content-center ">
-                                <div >
-                                    <h5 class="widget-title"><a :href="`${item.sname}?id=${item.id}&isUrlId=0`">{{item.categoryName}}</a></h5>
+                                <div>
+                                    <h5 class="widget-title"><a
+                                            :href="`${item.sname}?id=${item.id}&isUrlId=0`">{{item.categoryName}}</a>
+                                    </h5>
                                     <ul>
-                                        <li  v-if="item.children"  v-for="r in item.children" :key="r.id">
+                                        <li v-if="item.children" v-for="r in item.children" :key="r.id">
                                             <a :href="`${item.sname}?id=${r.id}&isUrlId=1`"> {{r.sname}}</a>
                                         </li>
                                     </ul>
@@ -212,6 +251,10 @@
             </div>
         </footer>
         <!--====== FOOTER PART END ======-->
+
+
+
+
     </div>
 
     <script src="../assets/js/vendor/modernizr-3.6.0.min.js"></script>
@@ -228,7 +271,7 @@
     <!--====== Setting Info js ======-->
     <script src="../assets/js/settinginfo.js"></script>
     <!--====== Vue js======-->
-    
+
     <script src="../assets/js/vue.min.js"></script>
     <script src="../assets/js/element/index.js"></script>
     <script src="../assets/js/commonVue.js"></script>

assets/css/animation.css

@@ -1,3 +1,6 @@
+.loadingBox{
+  width:100vw;height:100vh;position:fixed;left:0;top:0;display:flex;align-items: center;justify-content: center;z-index:99999999999;background:#ffffff
+}
 .loadEffect{
   width: 100px;
   height: 100px;

assets/css/style.css

@@ -904,7 +904,8 @@
                 display: inline-block;
                 margin: 0;
                 text-align: center;
-                width:15%;
+                /* width:12%; */
+                margin:0 10px
             }
             
             header .mainmenu-area .main-menu .menu-items ul li .submenu>li a {
@@ -6403,7 +6404,7 @@
 
             /* feedBack */
             .feedBackBox  .contactInner li span:first-child{
-                width:80px;
+                width:60px;
                 display:inline-block;
                 
                }
@@ -6450,7 +6451,7 @@
                     position:absolute;
                     right:50px;
                     top:-30px;
-                    width:280px;
+                    width:230px;
                     padding:15px 15px;
                     color:#000;
                     background-image: url(../img/home/f_bg1.png);
@@ -6460,7 +6461,7 @@
                        
                        
                        span:first-child{
-                        width:80px;
+                        /* width:80px; */
                         display:block;
                         
                        }

assets/js/commonVue.js

@@ -4,32 +4,15 @@ var app = new Vue({
 
     //公共
     id: null,
-    columnList: [{
-        categoryName: '首页',
-        sname: '/index.html',
-        id: 1
-      },
-      {
-        categoryName: '解决方案',
-        sname: '/solution.html',
-        id: 2
-      },
-      {
-        categoryName: '产品服务',
-        sname: '/product.html',
-        id: 3
-      },
-      {
-        categoryName: '新闻动态',
-        sname: '/news.html',
-        id: 4
-      },
-      {
-        categoryName: '关于永天',
-        sname: '/about.html',
-        id: 5
-      },
+    columnList: [
     ],
+    requestParams: {
+      categoryid: this.id,
+      pageNum: 1,
+      pageSize: 9,
+      title: '',
+      order:'sortindex'
+    },
     currentPath: '',
     articalArray: [], //详情数组
     articalArrayRelated: [], //相关新闻
@@ -83,12 +66,8 @@ var app = new Vue({
     totalPageSzie: 1,
     loading: true,
     categoryid: 0,
-    requestParams: {
-      categoryid: this.id,
-      pageNum: 1,
-      pageSize: 9,
-      title: ''
-    },
+
+    
   },
 
   computed: {
@@ -183,17 +162,23 @@ var app = new Vue({
         url: window.FQDN2 + 'siteArticle/siteArticleList',
         data: requestParams
       }).done(function (res) {
+        var aa
         var bb
-        if (type == 1) {
-          bb = res.data.records
-        } else {
-          _this.articalArray = res.data.records;
+
+        if(type==1){
+         bb=res.data.records
+        }else{
+          aa= res.data.records;
+          // aa.sort(_this.compare("sortindex"))
+          _this.articalArray = aa;
         }
         if (bb) {
           _this.articalArrayRelated = bb.filter(obj => obj.id != _this.articalArray[0].id);
           console.log(_this.articalArrayRelated)
         }
-        _this.loading = false;
+        // setTimeout(()=>{
+          _this.loading = false;
+        // },100)
         _this.totalPageSzie = res.data.total
         _this.totalPageNum = Math.ceil(res.data.total / res.data.size);
       }).fail(function (err) {});

assets/js/main.js

@@ -3,19 +3,6 @@ var onitirDoc;
 (function($) {
 
 
-    // 返回顶部显示与隐藏
-    var $back_to_up = $('#scroll-up');
-    $back_to_up.css({'visibility': 'hidden','opacity':'0'});
-
-    $(window).scroll(function(){
-        var scroH = $(window).scrollTop();
-        if (scroH > 700){
-            $back_to_up.css({'visibility': 'visible','opacity':'1'});
-        }else{
-            $back_to_up.css({'visibility': 'hidden','opacity':'0'});
-        }
-    });
-
 
     'use strict';
     onitirDoc = {
@@ -68,8 +55,16 @@ var onitirDoc;
         } else {
             $('header.sticky-header').addClass('sticky');
         }
+        if (scroll > 700){
+            $('#scroll-up').css({'visibility': 'visible','opacity':'1'});
+        }else{
+            $('#scroll-up').css({'visibility': 'hidden','opacity':'0'});
+        }
     })
 
+
+
+
 })(jQuery)
 
 function toTrade() {

index.html

@@ -15,6 +15,8 @@
     <link rel="stylesheet" href="assets/summernote/plugin/jquery-blinds-player/css/shutter.css">
     <!--====== Mean Menu ======-->
     <link rel="stylesheet" href="assets/css/meanmenu.min.css" />
+    <!--====== Animation css =======-->
+    <link rel="stylesheet" href="../assets/css/animation.css" />
     <!--====== element css ====== -->
     <link rel="stylesheet" href="../assets/css/element.css">
     <!--====== Default css ======-->
@@ -35,78 +37,81 @@
 
     <div id="app">
 
-        <!-- DIALOG START-->
-        <div class="feedBackBox">
-            <div class="contactOne">
-                <img src="assets/img/home/f_phone.png" alt="">
-                <ul class="contactInner">
-                    <li>
-                        <span>服务热线：</span>
-                        <span>400-633-8668</span>
-                    </li>
-                    <li>
-                        <span> 电话：</span>
-                        <span>021-65376655 <br> 021-62985186</span>
-                    <li>
-                        <span> 传真：</span>
-                        <span>021-65376655-8588</span>
-                    </li>
-                </ul>
-            </div>
-            <div class="contactQr">
-                <!-- 二维码 -->
-                <img src="assets/img/home/f_code.png" alt="">
-                <div class="">
-                    <img src="assets/img/qr_codeF.png" alt="">
+        <div>
+            <!-- LOADING START -->
+            <div v-if="loading" class="loadingBox">
+                <div class="loadEffect">
+                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                 </div>
             </div>
-            <div @click="scrollToTop" id="scroll-up">
-                <img src="assets/img/home/f_top.png" alt="">
+            <!-- LOADING END -->
+            <!-- DIALOG START-->
+            <div class="feedBackBox">
+                <div class="contactOne">
+                    <img src="/assets/img/home/f_phone.png" alt="">
+                    <ul class="contactInner">
+                        <li>
+                            <span> 电话：</span>
+                            <span>021-65376655 <br> 021-62985186</span>
+                        </li>
+                    </ul>
+                </div>
+                <div class="contactQr">
+                    <!-- 二维码 -->
+                    <img src="/assets/img/home/f_code.png" alt="">
+                    <div class="">
+                        <img src="/assets/img/qr_codeF.png" alt="">
+                    </div>
+                </div>
+                <div @click="scrollToTop" id="scroll-up" style="opacity:0">
+                    <img src="/assets/img/home/f_top.png" alt="">
+                </div>
             </div>
+            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
+                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
+                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
+                    <el-form-item label="" prop="platName" style="">
+                        <el-radio-group v-model="ruleForm.platName">
+                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
+                            </el-radio-button>
+                        </el-radio-group>
+                    </el-form-item>
+                    <el-row :gutter="20">
+                        <el-col :span="12">
+                            <el-form-item label="姓名" prop="consultName">
+                                <el-input v-model="ruleForm.consultName"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="联系电话" prop="consultPhone">
+                                <el-input v-model="ruleForm.consultPhone"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="邮箱" prop="mail">
+                                <el-input v-model="ruleForm.mail"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="公司" prop="company">
+                                <el-input v-model="ruleForm.company"></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-form-item label="需求描述" prop="consultContent">
+                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
+                    </el-form-item>
+                </el-form>
+
+                <!-- <span>需要注意的是内容是默认不居中的</span> -->
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
+                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
+                </span>
+            </el-dialog>
+            <!-- DIALOG END -->
         </div>
-        <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-            :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
-                <el-form-item label="" prop="platName" style="">
-                    <el-radio-group v-model="ruleForm.platName">
-                        <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                        </el-radio-button>
-                    </el-radio-group>
-                </el-form-item>
-                <el-row :gutter="20">
-                    <el-col :span="12">
-                        <el-form-item label="姓名" prop="consultName">
-                            <el-input v-model="ruleForm.consultName"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="联系电话" prop="consultPhone">
-                            <el-input v-model="ruleForm.consultPhone"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="邮箱" prop="mail">
-                            <el-input v-model="ruleForm.mail"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="公司" prop="company">
-                            <el-input v-model="ruleForm.company"></el-input>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-form-item label="需求描述" prop="consultContent">
-                    <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                </el-form-item>
-            </el-form>
-
-            <!-- <span>需要注意的是内容是默认不居中的</span> -->
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-            </span>
-        </el-dialog>
-        <!-- DIALOG END -->
+
 
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
@@ -134,7 +139,8 @@
                                 </ul>
                             </div>
                         </nav>
-                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true">申请体验</div>
+                        <div class="apply-expre" v-if="columnList.length>0" @click="centerDialogVisible=true">申请体验
+                        </div>
                     </div>
                 </div>
                 <div>
@@ -360,6 +366,10 @@
 
 
 
+
+
+
+
     </div>
 
 
@@ -390,24 +400,6 @@
     <script src="assets/js/commonVue.js "></script>
 
     <script>
-        // 返回顶部样式显示隐藏
-        var $back_to_up = $('#scroll-up');
-        //鏄剧ず杩斿洖椤堕儴瀹瑰櫒
-        $(window).scroll(function () {
-            var scroH = $(window).scrollTop();
-            if (scroH > 240) {
-                $back_to_up.css({
-                    'visibility': 'visible',
-                    'opacity': '1'
-                });
-            } else {
-                $back_to_up.css({
-                    'visibility': 'hidden',
-                    'opacity': '0'
-                });
-            }
-        });
-
         //下箭头点击事件
         var $wh = $(window).height();
         $('.go_down').click(function (e) {

news/index.html

@@ -31,50 +31,80 @@
             <p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>
         <![endif]-->
 
-        <!-- DIALOG START-->
-        <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-            :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
-                <el-form-item label="" prop="platName" style="">
-                    <el-radio-group v-model="ruleForm.platName">
-                        <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                        </el-radio-button>
-                    </el-radio-group>
-                </el-form-item>
-                <el-row :gutter="20">
-                    <el-col :span="12">
-                        <el-form-item label="姓名" prop="consultName">
-                            <el-input v-model="ruleForm.consultName"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="联系电话" prop="consultPhone">
-                            <el-input v-model="ruleForm.consultPhone"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="邮箱" prop="mail">
-                            <el-input v-model="ruleForm.mail"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="公司" prop="company">
-                            <el-input v-model="ruleForm.company"></el-input>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-form-item label="需求描述" prop="consultContent">
-                    <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                </el-form-item>
-            </el-form>
-
-            <!-- <span>需要注意的是内容是默认不居中的</span> -->
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-            </span>
-        </el-dialog>
-        <!-- DIALOG END -->
+        <div>
+            <!-- LOADING START -->
+            <div v-if="loading" class="loadingBox">
+                <div class="loadEffect">
+                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
+                </div>
+            </div>
+            <!-- LOADING END -->
+            <!-- DIALOG START-->
+            <div class="feedBackBox">
+                <div class="contactOne">
+                    <img src="/assets/img/home/f_phone.png" alt="">
+                    <ul class="contactInner">
+                        <li>
+                            <span> 电话：</span>
+                            <span>021-65376655 <br> 021-62985186</span>
+                        </li>
+                    </ul>
+                </div>
+                <div class="contactQr">
+                    <!-- 二维码 -->
+                    <img src="/assets/img/home/f_code.png" alt="">
+                    <div class="">
+                        <img src="/assets/img/qr_codeF.png" alt="">
+                    </div>
+                </div>
+                <div @click="scrollToTop" id="scroll-up" style="opacity:0">
+                    <img src="/assets/img/home/f_top.png" alt="">
+                </div>
+            </div>
+            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
+                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
+                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
+                    <el-form-item label="" prop="platName" style="">
+                        <el-radio-group v-model="ruleForm.platName">
+                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
+                            </el-radio-button>
+                        </el-radio-group>
+                    </el-form-item>
+                    <el-row :gutter="20">
+                        <el-col :span="12">
+                            <el-form-item label="姓名" prop="consultName">
+                                <el-input v-model="ruleForm.consultName"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="联系电话" prop="consultPhone">
+                                <el-input v-model="ruleForm.consultPhone"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="邮箱" prop="mail">
+                                <el-input v-model="ruleForm.mail"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="公司" prop="company">
+                                <el-input v-model="ruleForm.company"></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-form-item label="需求描述" prop="consultContent">
+                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
+                    </el-form-item>
+                </el-form>
+
+                <!-- <span>需要注意的是内容是默认不居中的</span> -->
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
+                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
+                </span>
+            </el-dialog>
+            <!-- DIALOG END -->
+        </div>
         
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">

news/read.html

@@ -30,50 +30,80 @@
 	<p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>
   <![endif]-->
     <div id="app">
-        <!-- DIALOG START-->
-        <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-            :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
-                <el-form-item label="" prop="platName" style="">
-                    <el-radio-group v-model="ruleForm.platName">
-                        <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                        </el-radio-button>
-                    </el-radio-group>
-                </el-form-item>
-                <el-row :gutter="20">
-                    <el-col :span="12">
-                        <el-form-item label="姓名" prop="consultName">
-                            <el-input v-model="ruleForm.consultName"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="联系电话" prop="consultPhone">
-                            <el-input v-model="ruleForm.consultPhone"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="邮箱" prop="mail">
-                            <el-input v-model="ruleForm.mail"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="公司" prop="company">
-                            <el-input v-model="ruleForm.company"></el-input>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-form-item label="需求描述" prop="consultContent">
-                    <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                </el-form-item>
-            </el-form>
+        <div>
+            <!-- LOADING START -->
+            <div v-if="loading" class="loadingBox">
+                <div class="loadEffect">
+                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
+                </div>
+            </div>
+            <!-- LOADING END -->
+            <!-- DIALOG START-->
+            <div class="feedBackBox">
+                <div class="contactOne">
+                    <img src="/assets/img/home/f_phone.png" alt="">
+                    <ul class="contactInner">
+                        <li>
+                            <span> 电话：</span>
+                            <span>021-65376655 <br> 021-62985186</span>
+                        </li>
+                    </ul>
+                </div>
+                <div class="contactQr">
+                    <!-- 二维码 -->
+                    <img src="/assets/img/home/f_code.png" alt="">
+                    <div class="">
+                        <img src="/assets/img/qr_codeF.png" alt="">
+                    </div>
+                </div>
+                <div @click="scrollToTop" id="scroll-up" style="opacity:0">
+                    <img src="/assets/img/home/f_top.png" alt="">
+                </div>
+            </div>
+            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
+                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
+                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
+                    <el-form-item label="" prop="platName" style="">
+                        <el-radio-group v-model="ruleForm.platName">
+                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
+                            </el-radio-button>
+                        </el-radio-group>
+                    </el-form-item>
+                    <el-row :gutter="20">
+                        <el-col :span="12">
+                            <el-form-item label="姓名" prop="consultName">
+                                <el-input v-model="ruleForm.consultName"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="联系电话" prop="consultPhone">
+                                <el-input v-model="ruleForm.consultPhone"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="邮箱" prop="mail">
+                                <el-input v-model="ruleForm.mail"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="公司" prop="company">
+                                <el-input v-model="ruleForm.company"></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-form-item label="需求描述" prop="consultContent">
+                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
+                    </el-form-item>
+                </el-form>
 
-            <!-- <span>需要注意的是内容是默认不居中的</span> -->
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-            </span>
-        </el-dialog>
-        <!-- DIALOG END -->
+                <!-- <span>需要注意的是内容是默认不居中的</span> -->
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
+                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
+                </span>
+            </el-dialog>
+            <!-- DIALOG END -->
+        </div>
         
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
@@ -167,9 +197,9 @@
                             <!-- <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>
+                        <div v-if="!loading">
                             <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">

product/index.html

@@ -23,6 +23,8 @@
     <link rel="stylesheet" href="../assets/css/animation.css" />
     <!--====== home css ====== -->
     <link rel="stylesheet" href="../assets/css/home.css" />
+    <!--====== Animation css =======-->
+    <link rel="stylesheet" href="../assets/css/animation.css" />
     <!--====== element css ====== -->
     <link rel="stylesheet" href="../assets/css/element.css">
     <!--====== index css ====== -->
@@ -61,50 +63,80 @@
   <![endif]-->
     <div id="app">
         
-        <!-- DIALOG START-->
-        <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-            :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
-                <el-form-item label="" prop="platName" style="">
-                    <el-radio-group v-model="ruleForm.platName">
-                        <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                        </el-radio-button>
-                    </el-radio-group>
-                </el-form-item>
-                <el-row :gutter="20">
-                    <el-col :span="12">
-                        <el-form-item label="姓名" prop="consultName">
-                            <el-input v-model="ruleForm.consultName"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="联系电话" prop="consultPhone">
-                            <el-input v-model="ruleForm.consultPhone"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="邮箱" prop="mail">
-                            <el-input v-model="ruleForm.mail"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="公司" prop="company">
-                            <el-input v-model="ruleForm.company"></el-input>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-form-item label="需求描述" prop="consultContent">
-                    <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                </el-form-item>
-            </el-form>
+        <div>
+            <!-- LOADING START -->
+            <div v-if="loading" class="loadingBox">
+                <div class="loadEffect">
+                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
+                </div>
+            </div>
+            <!-- LOADING END -->
+            <!-- DIALOG START-->
+            <div class="feedBackBox">
+                <div class="contactOne">
+                    <img src="/assets/img/home/f_phone.png" alt="">
+                    <ul class="contactInner">
+                        <li>
+                            <span> 电话：</span>
+                            <span>021-65376655 <br> 021-62985186</span>
+                        </li>
+                    </ul>
+                </div>
+                <div class="contactQr">
+                    <!-- 二维码 -->
+                    <img src="/assets/img/home/f_code.png" alt="">
+                    <div class="">
+                        <img src="/assets/img/qr_codeF.png" alt="">
+                    </div>
+                </div>
+                <div @click="scrollToTop" id="scroll-up" style="opacity:0">
+                    <img src="/assets/img/home/f_top.png" alt="">
+                </div>
+            </div>
+            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
+                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
+                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
+                    <el-form-item label="" prop="platName" style="">
+                        <el-radio-group v-model="ruleForm.platName">
+                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
+                            </el-radio-button>
+                        </el-radio-group>
+                    </el-form-item>
+                    <el-row :gutter="20">
+                        <el-col :span="12">
+                            <el-form-item label="姓名" prop="consultName">
+                                <el-input v-model="ruleForm.consultName"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="联系电话" prop="consultPhone">
+                                <el-input v-model="ruleForm.consultPhone"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="邮箱" prop="mail">
+                                <el-input v-model="ruleForm.mail"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="公司" prop="company">
+                                <el-input v-model="ruleForm.company"></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-form-item label="需求描述" prop="consultContent">
+                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
+                    </el-form-item>
+                </el-form>
 
-            <!-- <span>需要注意的是内容是默认不居中的</span> -->
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-            </span>
-        </el-dialog>
-        <!-- DIALOG END -->
+                <!-- <span>需要注意的是内容是默认不居中的</span> -->
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
+                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
+                </span>
+            </el-dialog>
+            <!-- DIALOG END -->
+        </div>
         
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">
@@ -140,7 +172,7 @@
                 </div>
             </div>
         </header>
-        <!--====== HEADER END ======-->C
+        <!--====== HEADER END ======-->
 
         <!--====== COMMON BREADCRUMB START ======-->
         <section class="common-bradcrumb-section">
@@ -151,10 +183,10 @@
         <!--====== PRODUCT GRID START======-->
         <section class="product-grid-section pt-20 pb-60" >
             <div class="container">
-                <div class="section-title both-border mb-20  pt-40 pb-40" style="text-align: center;">
+                <!-- <div class="section-title both-border mb-20 " style="text-align: center;">
                     <span class="title-tag2">产品类别</span>
-                </div>
-                <div class="row row-tabs" style="padding: 0px 20px;">
+                </div> -->
+                <div class="row row-tabs  pt-40 " >
                     <div class="col-lg-12">
                         <div class="">
                             <ul class="cannot_selected tabs_selected" style="text-align: center;">

product/read.html

@@ -31,50 +31,80 @@
   <![endif]-->
     <div id="app">
      
-        <!-- DIALOG START-->
-        <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-            :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
-                <el-form-item label="" prop="platName" style="">
-                    <el-radio-group v-model="ruleForm.platName">
-                        <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                        </el-radio-button>
-                    </el-radio-group>
-                </el-form-item>
-                <el-row :gutter="20">
-                    <el-col :span="12">
-                        <el-form-item label="姓名" prop="consultName">
-                            <el-input v-model="ruleForm.consultName"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="联系电话" prop="consultPhone">
-                            <el-input v-model="ruleForm.consultPhone"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="邮箱" prop="mail">
-                            <el-input v-model="ruleForm.mail"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="公司" prop="company">
-                            <el-input v-model="ruleForm.company"></el-input>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-form-item label="需求描述" prop="consultContent">
-                    <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                </el-form-item>
-            </el-form>
-
-            <!-- <span>需要注意的是内容是默认不居中的</span> -->
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-            </span>
-        </el-dialog>
-        <!-- DIALOG END -->
+        <div>
+            <!-- LOADING START -->
+            <div v-if="loading" class="loadingBox">
+                <div class="loadEffect">
+                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
+                </div>
+            </div>
+            <!-- LOADING END -->
+            <!-- DIALOG START-->
+            <div class="feedBackBox">
+                <div class="contactOne">
+                    <img src="/assets/img/home/f_phone.png" alt="">
+                    <ul class="contactInner">
+                        <li>
+                            <span> 电话：</span>
+                            <span>021-65376655 <br> 021-62985186</span>
+                        </li>
+                    </ul>
+                </div>
+                <div class="contactQr">
+                    <!-- 二维码 -->
+                    <img src="/assets/img/home/f_code.png" alt="">
+                    <div class="">
+                        <img src="/assets/img/qr_codeF.png" alt="">
+                    </div>
+                </div>
+                <div @click="scrollToTop" id="scroll-up" style="opacity:0">
+                    <img src="/assets/img/home/f_top.png" alt="">
+                </div>
+            </div>
+            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
+                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
+                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
+                    <el-form-item label="" prop="platName" style="">
+                        <el-radio-group v-model="ruleForm.platName">
+                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
+                            </el-radio-button>
+                        </el-radio-group>
+                    </el-form-item>
+                    <el-row :gutter="20">
+                        <el-col :span="12">
+                            <el-form-item label="姓名" prop="consultName">
+                                <el-input v-model="ruleForm.consultName"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="联系电话" prop="consultPhone">
+                                <el-input v-model="ruleForm.consultPhone"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="邮箱" prop="mail">
+                                <el-input v-model="ruleForm.mail"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="公司" prop="company">
+                                <el-input v-model="ruleForm.company"></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-form-item label="需求描述" prop="consultContent">
+                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
+                    </el-form-item>
+                </el-form>
+
+                <!-- <span>需要注意的是内容是默认不居中的</span> -->
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
+                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
+                </span>
+            </el-dialog>
+            <!-- DIALOG END -->
+        </div>
         
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">

solution/index.html

@@ -18,6 +18,8 @@
     <link rel="stylesheet" href="../assets/css/meanmenu.min.css" />
      <!--====== element css ====== -->
      <link rel="stylesheet" href="../assets/css/element.css">
+     <!--====== Animation css =======-->
+    <link rel="stylesheet" href="../assets/css/animation.css" />
     <!--====== Default css ======-->
     <link rel="stylesheet" href="../assets/css/default.css" />
     <!--====== Style css ======-->
@@ -33,50 +35,80 @@
 
     <div id="app">
 
-        <!-- DIALOG START-->
-        <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-            :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
-                <el-form-item label="" prop="platName" style="">
-                    <el-radio-group v-model="ruleForm.platName">
-                        <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                        </el-radio-button>
-                    </el-radio-group>
-                </el-form-item>
-                <el-row :gutter="20">
-                    <el-col :span="12">
-                        <el-form-item label="姓名" prop="consultName">
-                            <el-input v-model="ruleForm.consultName"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="联系电话" prop="consultPhone">
-                            <el-input v-model="ruleForm.consultPhone"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="邮箱" prop="mail">
-                            <el-input v-model="ruleForm.mail"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="公司" prop="company">
-                            <el-input v-model="ruleForm.company"></el-input>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-form-item label="需求描述" prop="consultContent">
-                    <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                </el-form-item>
-            </el-form>
-
-            <!-- <span>需要注意的是内容是默认不居中的</span> -->
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-            </span>
-        </el-dialog>
-        <!-- DIALOG END -->
+        <div>
+            <!-- LOADING START -->
+            <div v-if="loading" class="loadingBox">
+                <div class="loadEffect">
+                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
+                </div>
+            </div>
+            <!-- LOADING END -->
+            <!-- DIALOG START-->
+            <div class="feedBackBox">
+                <div class="contactOne">
+                    <img src="/assets/img/home/f_phone.png" alt="">
+                    <ul class="contactInner">
+                        <li>
+                            <span> 电话：</span>
+                            <span>021-65376655 <br> 021-62985186</span>
+                        </li>
+                    </ul>
+                </div>
+                <div class="contactQr">
+                    <!-- 二维码 -->
+                    <img src="/assets/img/home/f_code.png" alt="">
+                    <div class="">
+                        <img src="/assets/img/qr_codeF.png" alt="">
+                    </div>
+                </div>
+                <div @click="scrollToTop" id="scroll-up" style="opacity:0">
+                    <img src="/assets/img/home/f_top.png" alt="">
+                </div>
+            </div>
+            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
+                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
+                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
+                    <el-form-item label="" prop="platName" style="">
+                        <el-radio-group v-model="ruleForm.platName">
+                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
+                            </el-radio-button>
+                        </el-radio-group>
+                    </el-form-item>
+                    <el-row :gutter="20">
+                        <el-col :span="12">
+                            <el-form-item label="姓名" prop="consultName">
+                                <el-input v-model="ruleForm.consultName"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="联系电话" prop="consultPhone">
+                                <el-input v-model="ruleForm.consultPhone"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="邮箱" prop="mail">
+                                <el-input v-model="ruleForm.mail"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="公司" prop="company">
+                                <el-input v-model="ruleForm.company"></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-form-item label="需求描述" prop="consultContent">
+                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
+                    </el-form-item>
+                </el-form>
+
+                <!-- <span>需要注意的是内容是默认不居中的</span> -->
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
+                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
+                </span>
+            </el-dialog>
+            <!-- DIALOG END -->
+        </div>
         
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">

solution/read.html

@@ -31,50 +31,80 @@
   <![endif]-->
     <div id="app">
      
-        <!-- DIALOG START-->
-        <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
-            :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
-            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
-                <el-form-item label="" prop="platName" style="">
-                    <el-radio-group v-model="ruleForm.platName">
-                        <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
-                        </el-radio-button>
-                    </el-radio-group>
-                </el-form-item>
-                <el-row :gutter="20">
-                    <el-col :span="12">
-                        <el-form-item label="姓名" prop="consultName">
-                            <el-input v-model="ruleForm.consultName"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="联系电话" prop="consultPhone">
-                            <el-input v-model="ruleForm.consultPhone"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="邮箱" prop="mail">
-                            <el-input v-model="ruleForm.mail"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
-                        <el-form-item label="公司" prop="company">
-                            <el-input v-model="ruleForm.company"></el-input>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-form-item label="需求描述" prop="consultContent">
-                    <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
-                </el-form-item>
-            </el-form>
-
-            <!-- <span>需要注意的是内容是默认不居中的</span> -->
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="resetForm('ruleForm')">取 消</el-button>
-                <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
-            </span>
-        </el-dialog>
-        <!-- DIALOG END -->
+        <div>
+            <!-- LOADING START -->
+            <div v-if="loading" class="loadingBox">
+                <div class="loadEffect">
+                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
+                </div>
+            </div>
+            <!-- LOADING END -->
+            <!-- DIALOG START-->
+            <div class="feedBackBox">
+                <div class="contactOne">
+                    <img src="/assets/img/home/f_phone.png" alt="">
+                    <ul class="contactInner">
+                        <li>
+                            <span> 电话：</span>
+                            <span>021-65376655 <br> 021-62985186</span>
+                        </li>
+                    </ul>
+                </div>
+                <div class="contactQr">
+                    <!-- 二维码 -->
+                    <img src="/assets/img/home/f_code.png" alt="">
+                    <div class="">
+                        <img src="/assets/img/qr_codeF.png" alt="">
+                    </div>
+                </div>
+                <div @click="scrollToTop" id="scroll-up" style="opacity:0">
+                    <img src="/assets/img/home/f_top.png" alt="">
+                </div>
+            </div>
+            <el-dialog title="项目咨询" style="display:none" :style="{display:(centerDialogVisible?'block':'none')}"
+                :visible.sync="centerDialogVisible" width="700px" center class="feedBackDialog" :lock-scroll="false">
+                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
+                    <el-form-item label="" prop="platName" style="">
+                        <el-radio-group v-model="ruleForm.platName">
+                            <el-radio-button :label="item.categoryName" v-for="item in dialogDataArray" :key="item.id">
+                            </el-radio-button>
+                        </el-radio-group>
+                    </el-form-item>
+                    <el-row :gutter="20">
+                        <el-col :span="12">
+                            <el-form-item label="姓名" prop="consultName">
+                                <el-input v-model="ruleForm.consultName"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="联系电话" prop="consultPhone">
+                                <el-input v-model="ruleForm.consultPhone"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="邮箱" prop="mail">
+                                <el-input v-model="ruleForm.mail"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="公司" prop="company">
+                                <el-input v-model="ruleForm.company"></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-form-item label="需求描述" prop="consultContent">
+                        <el-input type="textarea" v-model="ruleForm.consultContent"></el-input>
+                    </el-form-item>
+                </el-form>
+
+                <!-- <span>需要注意的是内容是默认不居中的</span> -->
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="resetForm('ruleForm')">取 消</el-button>
+                    <el-button type="primary" @click="submitForm('ruleForm')">提 交</el-button>
+                </span>
+            </el-dialog>
+            <!-- DIALOG END -->
+        </div>
         
         <!--====== HEADER START ======-->
         <header class="header-absolute sticky-header">