右侧固定feed组件化

about/index.html

@@ -43,42 +43,12 @@
                 </div>
             </div>
             <!-- LOADING END -->
+
+            <!-- FEEDBACK START -->
+            <feed-fix></feed-fix>
+            <!-- FEEDBACK END -->
+            
             <!-- DIALOG START-->
-            <div class="feedBackBox">
-                <div class="contactOne">
-                    <img src="/assets/img/home/f_phone.png" alt="">
-                    <ul class="contactInner">
-                        <li style="font-size:25px;margin-bottom:5px">合作共赢</li>
-                        <li>
-                            <span>智&nbsp;  慧&nbsp;  消&nbsp;&nbsp;  防:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>人脸识别系统:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>弱 电 智 能 化:</span>
-                            <span>李先生 13918571231</span>
-                        </li>
-                        <li>
-                            <span>质量 监督投诉:</span>
-                            <span>孙先生 17721169552</span>
-                        </li>
-                        <li style="margin-top:10px">其他智慧城市相关应用合作: 021-65376655</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">

assets/js/commonVue.js

@@ -1,11 +1,13 @@
 import footerCom from '/assets/js/component/footerCom.js'
+import feedFix from '/assets/js/component/feedFix.js'
 
 
 var app = new Vue({
   el: '#app',
 
   components: {
-    footerCom
+    footerCom,
+    feedFix
   },
   data: {
 
@@ -229,15 +231,6 @@ var app = new Vue({
       this.getArticalData(this.requestParams)
     },
 
-
-    //首页
-    scrollToTop() {
-      window.scrollTo({
-        top: 0,
-        behavior: "smooth"
-      });
-    },
-
     //公共弹框
     submitForm(formName) {
       _this = this

assets/js/component/feedFix.js

@@ -0,0 +1,51 @@
+export default {
+  props: {
+    todo: Object
+  },
+  template: `
+  <div class="feedBackBox">
+              <div class="contactOne">
+                  <img src="/assets/img/home/f_phone.png" alt="">
+                  <ul class="contactInner">
+                      <li style="font-size:25px;margin-bottom:5px">合作共赢</li>
+                      <li>
+                          <span>智&nbsp;  慧&nbsp;  消&nbsp;&nbsp;  防:</span>
+                          <span>李先生 18621761642</span>
+                      </li>
+                      <li>
+                          <span>人脸识别系统:</span>
+                          <span>李先生 18621761642</span>
+                      </li>
+                      <li>
+                          <span>弱 电 智 能 化:</span>
+                          <span>李先生 13918571231</span>
+                      </li>
+                      <li>
+                          <span>质量 监督投诉:</span>
+                          <span>孙先生 17721169552</span>
+                      </li>
+                      <li style="margin-top:10px">其他智慧城市相关应用合作: 021-65376655</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>
+  `,
+  methods:{
+    //返回顶部
+    scrollToTop() {
+        window.scrollTo({
+          top: 0,
+          behavior: "smooth"
+        });
+      },
+    }
+}

assets/js/component/footerCom.js

@@ -43,6 +43,7 @@ export default {
                   </div>
               </div>
           </footer>
-    `
+    `,
+   
   }
   

index.html

@@ -39,48 +39,18 @@
 
         <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 -->
+            
+            <!-- FEEDBACK START -->
+            <feed-fix></feed-fix>
+            <!-- FEEDBACK END -->
+
             <!-- DIALOG START-->
-            <div class="feedBackBox">
-                <div class="contactOne">
-                    <img src="/assets/img/home/f_phone.png" alt="">
-                    <ul class="contactInner">
-                        <li style="font-size:25px;margin-bottom:5px">合作共赢</li>
-                        <li>
-                            <span>智&nbsp;  慧&nbsp;  消&nbsp;&nbsp;  防:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>人脸识别系统:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>弱 电 智 能 化:</span>
-                            <span>李先生 13918571231</span>
-                        </li>
-                        <li>
-                            <span>质量 监督投诉:</span>
-                            <span>孙先生 17721169552</span>
-                        </li>
-                        <li style="margin-top:10px">其他智慧城市相关应用合作: 021-65376655</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">

news/index.html

@@ -39,42 +39,12 @@
                 </div>
             </div>
             <!-- LOADING END -->
+
+            <!-- FEEDBACK START -->
+            <feed-fix></feed-fix>
+            <!-- FEEDBACK END -->
+
             <!-- DIALOG START-->
-            <div class="feedBackBox">
-                <div class="contactOne">
-                    <img src="/assets/img/home/f_phone.png" alt="">
-                    <ul class="contactInner">
-                        <li style="font-size:25px;margin-bottom:5px">合作共赢</li>
-                        <li>
-                            <span>智&nbsp;  慧&nbsp;  消&nbsp;&nbsp;  防:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>人脸识别系统:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>弱 电 智 能 化:</span>
-                            <span>李先生 13918571231</span>
-                        </li>
-                        <li>
-                            <span>质量 监督投诉:</span>
-                            <span>孙先生 17721169552</span>
-                        </li>
-                        <li style="margin-top:10px">其他智慧城市相关应用合作: 021-65376655</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">
@@ -234,7 +204,7 @@
     <script src="../assets/js/vue.min.js"></script>
     <script src="../assets/js/element/index.js"></script>
     <!--====== Vue js======-->
-    <script src="../assets/js/commonVue.js "></script>
+    <script type="module"  src="../assets/js/commonVue.js "></script>
 
 
 </body>

news/read.html

@@ -38,42 +38,12 @@
                 </div>
             </div>
             <!-- LOADING END -->
+
+            <!-- FEEDBACK START -->
+            <feed-fix></feed-fix>
+            <!-- FEEDBACK END -->
+
             <!-- DIALOG START-->
-            <div class="feedBackBox">
-                <div class="contactOne">
-                    <img src="/assets/img/home/f_phone.png" alt="">
-                    <ul class="contactInner">
-                        <li style="font-size:25px;margin-bottom:5px">合作共赢</li>
-                        <li>
-                            <span>智&nbsp;  慧&nbsp;  消&nbsp;&nbsp;  防:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>人脸识别系统:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>弱 电 智 能 化:</span>
-                            <span>李先生 13918571231</span>
-                        </li>
-                        <li>
-                            <span>质量 监督投诉:</span>
-                            <span>孙先生 17721169552</span>
-                        </li>
-                        <li style="margin-top:10px">其他智慧城市相关应用合作: 021-65376655</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">

product/index.html

@@ -44,42 +44,12 @@
                 </div>
             </div>
             <!-- LOADING END -->
+
+            <!-- FEEDBACK START -->
+            <feed-fix></feed-fix>
+            <!-- FEEDBACK END -->
+            
             <!-- DIALOG START-->
-            <div class="feedBackBox">
-                <div class="contactOne">
-                    <img src="/assets/img/home/f_phone.png" alt="">
-                    <ul class="contactInner">
-                        <li style="font-size:25px;margin-bottom:5px">合作共赢</li>
-                        <li>
-                            <span>智&nbsp;  慧&nbsp;  消&nbsp;&nbsp;  防:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>人脸识别系统:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>弱 电 智 能 化:</span>
-                            <span>李先生 13918571231</span>
-                        </li>
-                        <li>
-                            <span>质量 监督投诉:</span>
-                            <span>孙先生 17721169552</span>
-                        </li>
-                        <li style="margin-top:10px">其他智慧城市相关应用合作: 021-65376655</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">

product/read.html

@@ -39,42 +39,12 @@
                 </div>
             </div>
             <!-- LOADING END -->
+
+            <!-- FEEDBACK START -->
+            <feed-fix></feed-fix>
+            <!-- FEEDBACK END -->
+            
             <!-- DIALOG START-->
-            <div class="feedBackBox">
-                <div class="contactOne">
-                    <img src="/assets/img/home/f_phone.png" alt="">
-                    <ul class="contactInner">
-                        <li style="font-size:25px;margin-bottom:5px">合作共赢</li>
-                        <li>
-                            <span>智&nbsp;  慧&nbsp;  消&nbsp;&nbsp;  防:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>人脸识别系统:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>弱 电 智 能 化:</span>
-                            <span>李先生 13918571231</span>
-                        </li>
-                        <li>
-                            <span>质量 监督投诉:</span>
-                            <span>孙先生 17721169552</span>
-                        </li>
-                        <li style="margin-top:10px">其他智慧城市相关应用合作: 021-65376655</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">

solution/index.html

@@ -41,42 +41,13 @@
                 </div>
             </div>
             <!-- LOADING END -->
+
+            <!-- FEEDBACK START -->
+            <feed-fix></feed-fix>
+            <!-- FEEDBACK END -->
+            
             <!-- DIALOG START-->
-            <div class="feedBackBox">
-                <div class="contactOne">
-                    <img src="/assets/img/home/f_phone.png" alt="">
-                    <ul class="contactInner">
-                        <li style="font-size:25px;margin-bottom:5px">合作共赢</li>
-                        <li>
-                            <span>智&nbsp;  慧&nbsp;  消&nbsp;&nbsp;  防:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>人脸识别系统:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>弱 电 智 能 化:</span>
-                            <span>李先生 13918571231</span>
-                        </li>
-                        <li>
-                            <span>质量 监督投诉:</span>
-                            <span>孙先生 17721169552</span>
-                        </li>
-                        <li style="margin-top:10px">其他智慧城市相关应用合作: 021-65376655</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">

solution/read.html

@@ -39,42 +39,12 @@
                 </div>
             </div>
             <!-- LOADING END -->
+
+            <!-- FEEDBACK START -->
+            <feed-fix></feed-fix>
+            <!-- FEEDBACK END -->
+
             <!-- DIALOG START-->
-            <div class="feedBackBox">
-                <div class="contactOne">
-                    <img src="/assets/img/home/f_phone.png" alt="">
-                    <ul class="contactInner">
-                        <li style="font-size:25px;margin-bottom:5px">合作共赢</li>
-                        <li>
-                            <span>智&nbsp;  慧&nbsp;  消&nbsp;&nbsp;  防:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>人脸识别系统:</span>
-                            <span>李先生 18621761642</span>
-                        </li>
-                        <li>
-                            <span>弱 电 智 能 化:</span>
-                            <span>李先生 13918571231</span>
-                        </li>
-                        <li>
-                            <span>质量 监督投诉:</span>
-                            <span>孙先生 17721169552</span>
-                        </li>
-                        <li style="margin-top:10px">其他智慧城市相关应用合作: 021-65376655</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">