123

igirl-channel-jdweb/app/front/entry/index.ejs

@@ -54,18 +54,18 @@
 
 
 	<div id="app" v-loading.fullscreen.lock="loading" element-loading-background="rgba(0, 0, 0, 0.8)" class="app-main"
 	<div id="app" v-loading.fullscreen.lock="loading" element-loading-background="rgba(0, 0, 0, 0.8)" class="app-main"
 		style="visibility:hidden">
 		style="visibility:hidden">
-		<div class="jc_hd" v-if="headerHidden"></div>
+		<div class="jc_hd" v-show="headerHidden"></div>
 		<transition name="slide-fade">
 		<transition name="slide-fade">
 			<router-view></router-view>
 			<router-view></router-view>
 		</transition>
 		</transition>
-		<div class="jdc-footer" v-if="headerHidden"></div>
+		<div class="jdc-footer" v-show="headerHidden"></div>
 
 
 	</div>
 	</div>
 
 
 	<script src="/js/cropper/index.js"></script>
 	<script src="/js/cropper/index.js"></script>
 	<script src="/js/vue/base64.js"></script>
 	<script src="/js/vue/base64.js"></script>
 	<script src="/js/common.js"></script>
 	<script src="/js/common.js"></script>
-	<script src="/js/index.js"></script>
+	<script type="module" src="/js/index.js"></script>
 </body>
 </body>
 
 
 </html>
 </html>
\ No newline at end of file

igirl-channel-jdweb/app/front/entry/public/js/index.js

@@ -156,8 +156,8 @@ axios.get("/web/common/metaCtl/getRouteConfig").then(d => {
         showPhoneNum: false,
         showPhoneNum: false,
         rsData: [],
         rsData: [],
         channelUserId: "",
         channelUserId: "",
-        headerHidden: true,
-        channelName:'',
+        headerHidden: null,
+        channelName: '',
       };
       };
     },
     },
     created() {
     created() {
@@ -172,7 +172,7 @@ axios.get("/web/common/metaCtl/getRouteConfig").then(d => {
 
 
     },
     },
     mounted() {
     mounted() {
-      this.$nextTick(() => {
+      setTimeout(() => {
         if (location.hash.split('/')[1] == "jd") {
         if (location.hash.split('/')[1] == "jd") {
           console.log("zzzzzzzzzzzzzzz", location.hash.split('/')[1], this.headerHidden);
           console.log("zzzzzzzzzzzzzzz", location.hash.split('/')[1], this.headerHidden);
           this.headerHidden = true;
           this.headerHidden = true;
@@ -180,7 +180,9 @@ axios.get("/web/common/metaCtl/getRouteConfig").then(d => {
           this.headerHidden = false;
           this.headerHidden = false;
           console.log("zzzzzzzzzzzzzzz", location.hash.split('/')[1], this.headerHidden);
           console.log("zzzzzzzzzzzzzzz", location.hash.split('/')[1], this.headerHidden);
         }
         }
-      })
+      }, 500);
+
+
 
 
 
 
       var self = this;
       var self = this;

igirl-channel-jdweb/package-lock.json

@@ -9760,6 +9760,11 @@
         }
         }
       }
       }
     },
     },
+    "vue-lazyload": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/vue-lazyload/-/vue-lazyload-1.3.3.tgz",
+      "integrity": "sha512-uHnq0FTEeNmqnbBC2aRKlmtd9LofMZ6Q3mWvgfLa+i9vhxU8fDK+nGs9c1iVT85axSua/AUnMttIq3xPaU9G3A=="
+    },
     "which": {
     "which": {
       "version": "1.3.0",
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/which/-/which-1.3.0.tgz",
       "resolved": "https://registry.npmjs.org/which/-/which-1.3.0.tgz",

igirl-channel-jdweb/package.json

@@ -47,7 +47,8 @@
     "serve-favicon": "^2.4.5",
     "serve-favicon": "^2.4.5",
     "sha1": "^1.1.1",
     "sha1": "^1.1.1",
     "socket.io": "^2.1.1",
     "socket.io": "^2.1.1",
-    "uuid": "^3.2.1"
+    "uuid": "^3.2.1",
+    "vue-lazyload": "^1.3.3"
   },
   },
   "devDependencies": {
   "devDependencies": {
     "del": "^5.1.0",
     "del": "^5.1.0",