loading组件化+产品二级类型字体更改

about/index.html

@@ -38,9 +38,7 @@
         <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>
+                <loading-com></loading-com>
             </div>
             <!-- LOADING END -->
 

assets/css/style.css

@@ -4179,7 +4179,7 @@
                 
                 border: 1px solid rgba(255,255,255,0.6);    
                 color: #fff;
-                font-size: 16px;
+                font-size: 20px;
                 font-weight: bold;
                 /* padding: 20px 20px; */
                 height:90px;
@@ -4219,6 +4219,7 @@
                 border: 1px solid #43648B;
                 color: white;
                 cursor: pointer;
+                font-size:24px;
                 vertical-align: bottom;
             }
             
@@ -4239,11 +4240,13 @@
                     text-align: center;
                     font-size:15px;
                     height:75px;
-                    line-height:75px
+                    line-height:75px;
+                    font-size:16px
                 }
                 .product-grid-section ul a.active, .product-grid-section ul a:hover {
                     height: 90px;
                     line-height: 90px;
+                    font-size:18px
                 }
                 .product-grid-section .content .img {
                     height: 180px;

assets/js/commonVue.js

@@ -1,6 +1,7 @@
 import footerCom from '/assets/js/component/footerCom.js'
 import feedFix from '/assets/js/component/feedFix.js'
 import dialogCom from '/assets/js/component/dialogCom.js'
+import loadingCom from '/assets/js/component/loadingCom.js'
 
 
 var app = new Vue({
@@ -9,7 +10,9 @@ var app = new Vue({
   components: {
     footerCom,
     feedFix,
-    dialogCom
+    dialogCom,
+    loadingCom,
+
   },
   data: {
 
@@ -105,6 +108,7 @@ var app = new Vue({
         dataType: 'json',
         url: window.FQDN2 + 'siteCategory/siteCategoryList',
       }).done(function (res) {
+        _this.loading = false;
         _this.columnList = res.data;
         _this.currentPath = window.location.pathname;
         for (let i = 0; i < res.data.length; i++) {
@@ -158,9 +162,7 @@ var app = new Vue({
               dataType: 'json',
               url: window.FQDN + 'Index/index',
             }).done(function (res) {
-              // setTimeout(()=>{
-              _this.loading = false;
-              // },100)
+              // _this.loading = false;
               _this.homeList = res
               _this.status = true
             }).fail(function (err) {});
@@ -201,7 +203,7 @@ var app = new Vue({
           // _this.articalArrayRelated = bb
           console.log(_this.articalArrayRelated)
         }
-        _this.loading = false;
+        // _this.loading = false;
         _this.totalPageSzie = res.data.total
         _this.totalPageNum = Math.ceil(res.data.total / res.data.size);
       }).fail(function (err) {});

assets/js/component/loadingCom.js

@@ -0,0 +1,16 @@
+export default {
+  props: {
+    loadingfather: Object
+  },
+  template: `
+                <div class="loadEffect">
+                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
+                </div>
+          
+  `,
+  mounted: function () {
+    console.log(this.loadingfather)
+
+  },
+ 
+}

index.html

@@ -40,16 +40,13 @@
         <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>
+                <loading-com></loading-com>
             </div>
             <!-- LOADING END -->
 
             <!-- FEEDBACK START -->
             <feed-fix></feed-fix>
             <!-- FEEDBACK END -->
-            <div>{{centerDialogVisible}}</div>
 
             <!-- DIALOG START-->
             <dialog-com  @data-event="handleChildEvent" :fatherdialogv="centerDialogVisible" :ruleform="ruleForm" :fatherrules="rules" :fatherdialoga="dialogDataArray"></dialog-com>

news/index.html

@@ -34,9 +34,7 @@
         <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>
+                <loading-com></loading-com>
             </div>
             <!-- LOADING END -->
 

news/read.html

@@ -33,9 +33,7 @@
         <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>
+                <loading-com></loading-com>
             </div>
             <!-- LOADING END -->
 

product/index.html

@@ -39,9 +39,7 @@
         <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>
+                <loading-com></loading-com>
             </div>
             <!-- LOADING END -->
 

product/read.html

@@ -34,9 +34,7 @@
         <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>
+                <loading-com></loading-com>
             </div>
             <!-- LOADING END -->
 

solution/index.html

@@ -36,9 +36,7 @@
         <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>
+                <loading-com></loading-com>
             </div>
             <!-- LOADING END -->
 

solution/read.html

@@ -34,9 +34,7 @@
         <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>
+                <loading-com></loading-com>
             </div>
             <!-- LOADING END -->