底部导航组件化

about/index.html

@@ -205,46 +205,7 @@
         </div>
 
         <!--====== FOOTER PART START ======-->
-        <footer>
-            <!-- widgets -->
-            <div class="footer-widget-area">
-                <div class="container">
-                    <div class="row footerOne">
-                        <div class="col-lg-2 col-md-6 col-sm-6 footerWidth">
-                            <div class="copyrigt-or-code d-flex flex-column align-items-center ">
-                                <img width="130 " height="130 " src="https://aiot.usky.cn/uskyq/assets/img/qr_code.png">
-                                <span style="text-align: left;color:#fff;margin-top:10px ">微信公众号</span>
-                            </div>
-                        </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>
-                                    <ul>
-                                        <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>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- copyright -->
-            <div class="copy-right-area ">
-                <div class="container ">
-                    <div class="row copyrigt-text ">
-                        <div class="col-lg-12 ">
-                            <p>Copyright © 2001- 2024 Usky. All Rights Reserved. 永天股份 版权所有</p>
-                            <p>增值电信业务经营许可证（IDC、ISP）编号B2-20080010</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </footer>
+        <footer-com v-if="columnList.length>1" :todo="columnList"></footer-com>
         <!--====== FOOTER PART END ======-->
         
     </div>
@@ -266,7 +227,7 @@
 
     <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="module" src="../assets/js/commonVue.js "></script>
     
 </body>
 </html>

assets/js/commonVue.js

@@ -1,5 +1,12 @@
+import footerCom from '/assets/js/component/footerCom.js'
+
+
 var app = new Vue({
   el: '#app',
+
+  components: {
+    footerCom
+  },
   data: {
 
     //公共
@@ -7,7 +14,7 @@ var app = new Vue({
     columnList: [
     ],
     requestParams: { //内容接口请求参数
-      categoryid: this.id,
+      categoryid: 0,
       pageNum: 1,
       pageSize: 9,
       title: '',
@@ -79,7 +86,7 @@ var app = new Vue({
     this.requestParams.articleid = this.getQuery('articleid') ? this.getQuery('articleid') : ''
   },
   mounted: function () {
-    _this = this
+    
     this.getColumnData()
 
   },
@@ -87,6 +94,7 @@ var app = new Vue({
 
     //获取栏目
     getColumnData() {
+      var  _this = this
       this.columnTypes = []
       $.ajax({
         type: 'get',
@@ -165,6 +173,7 @@ var app = new Vue({
 
     //获取内容
     getArticalData(requestParams, type) {
+      var _this=this
       $.ajax({
         type: 'GET',
         dataType: 'json',

assets/js/component/footerCom.js

@@ -0,0 +1,48 @@
+export default {
+    props: {
+      todo: Object
+    },
+    template: `
+    <footer>
+              <!-- widgets -->
+              <div class="footer-widget-area">
+                  <div class="container">
+                      <div class="row footerOne">
+                          <div class="col-lg-2 col-md-6 col-sm-6 footerWidth">
+                              <div class="copyrigt-or-code d-flex flex-column align-items-center ">
+                                  <img width="130 " height="130 " src="https://aiot.usky.cn/uskyq/assets/img/qr_code.png">
+                                  <span style="text-align: left;color:#fff;margin-top:10px ">微信公众号</span>
+                              </div>
+                          </div>
+                          <div class="footerNone" style="width:15% !important;" v-for="item in todo" :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>
+                                      <ul>
+                                          <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>
+                                  </div>
+                              </div>
+                          </div>
+                      </div>
+                  </div>
+              </div>
+              <!-- copyright -->
+              <div class="copy-right-area ">
+                  <div class="container ">
+                      <div class="row copyrigt-text ">
+                          <div class="col-lg-12 ">
+                              <p>Copyright © 2001- 2024 Usky. All Rights Reserved. 永天股份 版权所有</p>
+                              <p>增值电信业务经营许可证（IDC、ISP）编号B2-20080010</p>
+                          </div>
+                      </div>
+                  </div>
+              </div>
+          </footer>
+    `
+  }
+  

index.html

@@ -39,11 +39,11 @@
 
         <div>
             <!-- LOADING START -->
-            <div v-if="loading" class="loadingBox">
+            <!-- <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> -->
             <!-- LOADING END -->
             <!-- DIALOG START-->
             <div class="feedBackBox">
@@ -329,46 +329,7 @@
         </section>
 
         <!--====== FOOTER PART START ======-->
-        <footer>
-            <!-- widgets -->
-            <div class="footer-widget-area">
-                <div class="container">
-                    <div class="row footerOne">
-                        <div class="col-lg-2 col-md-6 col-sm-6 footerWidth">
-                            <div class="copyrigt-or-code d-flex flex-column align-items-center ">
-                                <img width="130 " height="130 " src="https://aiot.usky.cn/uskyq/assets/img/qr_code.png">
-                                <span style="text-align: left;color:#fff;margin-top:10px ">微信公众号</span>
-                            </div>
-                        </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>
-                                    <ul>
-                                        <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>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- copyright -->
-            <div class="copy-right-area ">
-                <div class="container ">
-                    <div class="row copyrigt-text ">
-                        <div class="col-lg-12 ">
-                            <p>Copyright © 2001- 2024 Usky. All Rights Reserved. 永天股份 版权所有</p>
-                            <p>增值电信业务经营许可证（IDC、ISP）编号B2-20080010</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </footer>
+        <footer-com v-if="columnList.length>1" :todo="columnList"></footer-com>
         <!--====== FOOTER PART END ======-->
     </div>
 
@@ -395,7 +356,7 @@
     <script src="assets/summernote/plugin/jquery-blinds-player/js/shutter.js"></script>
     <script src="../assets/js/element/index.js"></script>
 
-    <script src="assets/js/commonVue.js "></script>
+    <script type="module" src="assets/js/commonVue.js "></script>
 
     </body>
 

news/index.html

@@ -215,44 +215,7 @@
         <!--====== NEWS CONTENT END ======-->
 
         <!--====== FOOTER PART START ======-->
-        <footer>
-            <!-- widgets -->
-            <div class="footer-widget-area">
-                <div class="container">
-                    <div class="row footerOne">
-                        <div class="col-lg-2 col-md-6 col-sm-6 footerWidth">
-                            <div class="copyrigt-or-code d-flex flex-column align-items-center ">
-                                <img width="130 " height="130 " src="https://aiot.usky.cn/uskyq/assets/img/qr_code.png">
-                                <span style="text-align: left;color:#fff;margin-top:10px ">微信公众号</span>
-                            </div>
-                        </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>
-                                    <ul>
-                                        <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>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- copyright -->
-            <div class="copy-right-area ">
-                <div class="container ">
-                    <div class="row copyrigt-text ">
-                        <div class="col-lg-12 ">
-                            <p>Copyright © 2001- 2024 Usky. All Rights Reserved. 永天股份 版权所有</p>
-                            <p>增值电信业务经营许可证（IDC、ISP）编号B2-20080010</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </footer>
+        <footer-com v-if="columnList.length>1" :todo="columnList"></footer-com>
         <!--====== FOOTER PART END ======-->
     </div>
     <script src="../assets/js/vendor/modernizr-3.6.0.min.js"></script>

news/read.html

@@ -204,44 +204,7 @@
         <!--====== NEWS CONTENT END ======-->
 
         <!--====== FOOTER PART START ======-->
-        <footer>
-            <!-- widgets -->
-            <div class="footer-widget-area">
-                <div class="container">
-                    <div class="row footerOne">
-                        <div class="col-lg-2 col-md-6 col-sm-6 footerWidth">
-                            <div class="copyrigt-or-code d-flex flex-column align-items-center ">
-                                <img width="130 " height="130 " src="https://aiot.usky.cn/uskyq/assets/img/qr_code.png">
-                                <span style="text-align: left;color:#fff;margin-top:10px ">微信公众号</span>
-                            </div>
-                        </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>
-                                    <ul>
-                                        <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>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- copyright -->
-            <div class="copy-right-area ">
-                <div class="container ">
-                    <div class="row copyrigt-text ">
-                        <div class="col-lg-12 ">
-                            <p>Copyright © 2001- 2024 Usky. All Rights Reserved. 永天股份 版权所有</p>
-                            <p>增值电信业务经营许可证（IDC、ISP）编号B2-20080010</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </footer>
+        <footer-com v-if="columnList.length>1" :todo="columnList"></footer-com>
         <!--====== FOOTER PART END ======-->
 
     </div>
@@ -263,7 +226,7 @@
     <!--====== 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>
+    <script type="module" src="../assets/js/commonVue.js "></script>
 
 </body>
 

product/index.html

@@ -214,44 +214,7 @@
         <!--====== PRODUCT GRID START======-->
 
         <!--====== FOOTER PART START ======-->
-        <footer>
-            <!-- widgets -->
-            <div class="footer-widget-area">
-                <div class="container">
-                    <div class="row footerOne">
-                        <div class="col-lg-2 col-md-6 col-sm-6 footerWidth">
-                            <div class="copyrigt-or-code d-flex flex-column align-items-center ">
-                                <img width="130 " height="130 " src="https://aiot.usky.cn/uskyq/assets/img/qr_code.png">
-                                <span style="text-align: left;color:#fff;margin-top:10px ">微信公众号</span>
-                            </div>
-                        </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>
-                                    <ul>
-                                        <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>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- copyright -->
-            <div class="copy-right-area ">
-                <div class="container ">
-                    <div class="row copyrigt-text ">
-                        <div class="col-lg-12 ">
-                            <p>Copyright © 2001- 2024 Usky. All Rights Reserved. 永天股份 版权所有</p>
-                            <p>增值电信业务经营许可证（IDC、ISP）编号B2-20080010</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </footer>
+        <footer-com v-if="columnList.length>1" :todo="columnList"></footer-com>
         <!--====== FOOTER PART END ======-->
         </div>
 
@@ -271,8 +234,8 @@
         <script src="../assets/js/settinginfo.js"></script>
         <!--====== Vue  js ======-->
         <script src="../assets/js/vue.min.js"></script>
-        <script src="../assets/js/commonVue.js"></script>
-                <script src="../assets/js/element/index.js"></script>
+        <script type="module" src="../assets/js/commonVue.js "></script>
+        <script src="../assets/js/element/index.js"></script>
       
 </body>
 

product/read.html

@@ -204,44 +204,7 @@
         <!--====== PRODUCT CONTENT END ======-->
 
         <!--====== FOOTER PART START ======-->
-        <footer>
-            <!-- widgets -->
-            <div class="footer-widget-area">
-                <div class="container">
-                    <div class="row footerOne">
-                        <div class="col-lg-2 col-md-6 col-sm-6 footerWidth">
-                            <div class="copyrigt-or-code d-flex flex-column align-items-center ">
-                                <img width="130 " height="130 " src="https://aiot.usky.cn/uskyq/assets/img/qr_code.png">
-                                <span style="text-align: left;color:#fff;margin-top:10px ">微信公众号</span>
-                            </div>
-                        </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>
-                                    <ul>
-                                        <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>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- copyright -->
-            <div class="copy-right-area ">
-                <div class="container ">
-                    <div class="row copyrigt-text ">
-                        <div class="col-lg-12 ">
-                            <p>Copyright © 2001- 2024 Usky. All Rights Reserved. 永天股份 版权所有</p>
-                            <p>增值电信业务经营许可证（IDC、ISP）编号B2-20080010</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </footer>
+        <footer-com v-if="columnList.length>1" :todo="columnList"></footer-com>
         <!--====== FOOTER PART END ======-->
 
     </div>
@@ -263,7 +226,7 @@
     <!--====== 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>
+    <script type="module" src="../assets/js/commonVue.js "></script>
 </body>
 
 </html>

solution/index.html

@@ -208,44 +208,7 @@
 
 
         <!--====== FOOTER PART START ======-->
-        <footer>
-            <!-- widgets -->
-            <div class="footer-widget-area">
-                <div class="container">
-                    <div class="row footerOne">
-                        <div class="col-lg-2 col-md-6 col-sm-6 footerWidth">
-                            <div class="copyrigt-or-code d-flex flex-column align-items-center ">
-                                <img width="130 " height="130 " src="https://aiot.usky.cn/uskyq/assets/img/qr_code.png">
-                                <span style="text-align: left;color:#fff;margin-top:10px ">微信公众号</span>
-                            </div>
-                        </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>
-                                    <ul>
-                                        <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>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- copyright -->
-            <div class="copy-right-area ">
-                <div class="container ">
-                    <div class="row copyrigt-text ">
-                        <div class="col-lg-12 ">
-                            <p>Copyright © 2001- 2024 Usky. All Rights Reserved. 永天股份 版权所有</p>
-                            <p>增值电信业务经营许可证（IDC、ISP）编号B2-20080010</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </footer>
+        <footer-com v-if="columnList.length>1" :todo="columnList"></footer-com>
         <!--====== FOOTER PART END ======-->
 
     </div>
@@ -266,26 +229,7 @@
     <script src="../assets/js/vue.min.js "></script>
     <!--====== Vue js======-->
     <script src="../assets/js/element/index.js"></script>
-    <script src="../assets/js/commonVue.js "></script>
-    <script>
-        /*magiccity UL 宽度*/
- 	// var sWidth = document.body.clientWidth;
- 	// if(sWidth >= 768) {
- 	// 	var percentage = 0.334;
- 	// 	var cardpercentage = 0.25
- 	// }else {
- 	// 	var percentage = 0.667;
- 	// 	var cardpercentage = 0.5
- 	// }
- 	// var len = $(".solutionTypeOne").length;
-    // // alert(len)
-    // $(".solutionType .container .solutionTypeOne").css({
-    // 	"width": sWidth * cardpercentage,
-    // 	"height": sWidth * cardpercentage * 1.5,
-    // });
-    // $(".solutionType .container").css("width", (sWidth * cardpercentage + 30) * (7 - 1) + sWidth * cardpercentage + 40);
-
-    </script>
+    <script type="module" src="../assets/js/commonVue.js "></script>
 </body>
 
 </html>

solution/read.html

@@ -200,44 +200,7 @@
         <!--====== PRODUCT CONTENT END ======-->
 
         <!--====== FOOTER PART START ======-->
-        <footer>
-            <!-- widgets -->
-            <div class="footer-widget-area">
-                <div class="container">
-                    <div class="row footerOne">
-                        <div class="col-lg-2 col-md-6 col-sm-6 footerWidth">
-                            <div class="copyrigt-or-code d-flex flex-column align-items-center ">
-                                <img width="130 " height="130 " src="https://aiot.usky.cn/uskyq/assets/img/qr_code.png">
-                                <span style="text-align: left;color:#fff;margin-top:10px ">微信公众号</span>
-                            </div>
-                        </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>
-                                    <ul>
-                                        <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>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- copyright -->
-            <div class="copy-right-area ">
-                <div class="container ">
-                    <div class="row copyrigt-text ">
-                        <div class="col-lg-12 ">
-                            <p>Copyright © 2001- 2024 Usky. All Rights Reserved. 永天股份 版权所有</p>
-                            <p>增值电信业务经营许可证（IDC、ISP）编号B2-20080010</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </footer>
+        <footer-com v-if="columnList.length>1" :todo="columnList"></footer-com>
         <!--====== FOOTER PART END ======-->
 
     </div>
@@ -259,7 +222,7 @@
     <!--====== 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>
+    <script type="module" src="../assets/js/commonVue.js "></script>
 
 </body>