json

mock/home.json

@@ -108,24 +108,24 @@
   "channelTabListMianTitle": "有声频道",
   "swiperList": [
     {
-			"img": "homepage/homeSwiper/V1/5.jpg",
-			"url": "homepage/homeSwiper/V1/5.jpg",
+      "img": "homepage/homeSwiper/V1/7.jpg",
+      "link": {
+        "extra": {},
         "type": 1,
-			"link":{
+        "url": "/pages/syWebview/syWebview?p=xmh09"
+      },
       "type": 1,
-				"url": "/pages/syWebview/syWebview?p=xmh09",
-				"extra": {}
-			}
+      "url": "homepage/homeSwiper/V1/7.jpg"
     },
     {
       "img": "homepage/homeSwiper/V1/4.jpg",
-			"url": "homepage/homeSwiper/V1/4.jpg",
-			"type": 1,
-			"link":{
+      "link": {
+        "extra": {},
         "type": 3,
-				"url": "https://ugc.feihe.com/planstarH5/#/consumerAct?essayActivityCode=27416245129183233&channelId=25",
-				"extra": {}
-			}
+        "url": "https://ugc.feihe.com/planstarH5/#/consumerAct?essayActivityCode=27416245129183233&channelId=25"
+      },
+      "type": 1,
+      "url": "homepage/homeSwiper/V1/4.jpg"
     },
     {
       "videoUrl": "homepage/homeSwiper/V1/2.m4v",
@@ -629,4 +629,4 @@
     "etConUrl3": "homepage/et_con3.png",
     "etConUrl1": "homepage/et_con11.png"
   }
-  }
+}
\ No newline at end of file

views/Home.vue

@@ -308,62 +308,62 @@
 
 
 <script>
-	import {
+import {
 	jump,
 	JumpType
-	} from '../utils';
-	import {
+} from '../utils';
+import {
 	useHomeStore
-	} from '../stores/home';
-	import {
+} from '../stores/home';
+import {
 	fetchHomeJSON
-	} from '../api/home';
-	import {
+} from '../api/home';
+import {
 	useUserStore
-	} from '../stores/user';
-	import RegisterLayer from "../components/RegisterLayer.vue";
-	import md from '../md';
-	import ExposureTracker from '../utils/exposure';
-	import {
+} from '../stores/user';
+import RegisterLayer from "../components/RegisterLayer.vue";
+import md from '../md';
+import ExposureTracker from '../utils/exposure';
+import {
 	getHealthField
-	} from "@/api/common";
+} from "@/api/common";
 
-	// const homeStore = useHomeStore();
-	const userStore = useUserStore();
+// const homeStore = useHomeStore();
+const userStore = useUserStore();
 
-	// 定义需要曝光检测的元素配置
-	const EXPOSURE_CONFIGS = [{
+// 定义需要曝光检测的元素配置
+const EXPOSURE_CONFIGS = [{
 	id: 'firstScreen',
 	logParams: {
 		xcxPage: '首页-首屏页面浏览',
 		pageName: '首页-首屏'
 	}
-		},
-		// 可以添加更多需要曝光检测的元素配置
-		{
+},
+// 可以添加更多需要曝光检测的元素配置
+{
 	id: 'secondScreen',
 	logParams: {
 		xcxPage: '首页-二屏页面浏览',
 		pageName: '首页-二屏'
 	}
-		},
-		{
+},
+{
 	id: 'thirdScreen',
 	logParams: {
 		xcxPage: '首页-三屏页面浏览',
 		pageName: '首页-三屏'
 	}
-		},
-		{
+},
+{
 	id: 'fourthScreen',
 	logParams: {
 		xcxPage: '首页-四屏页面浏览',
 		pageName: '首页-四屏'
 	}
-		}
-	];
+}
+];
 
-	export default {
+export default {
 	beforeDestroy() {
 		if (this.exposureTracker) {
 			this.exposureTracker.resetAllExposure();
@@ -850,7 +850,8 @@
 		imagePopupJump() {
 			jump({
 				type: this.popupImageObj.jumpType,
-					url: this.popupImageObj.jumpUrl
+				url: this.popupImageObj.jumpUrl,
+				extra: this.popupImageObj.jumpExtra
 			});
 		},
 		showImagePopup() {
@@ -878,13 +879,13 @@
 			}
 		}
 	}
-	}
+}
 </script>
 
 <style lang="less" scoped>
-	@import '@/common.less';
+@import '@/common.less';
 
-	.home-container {
+.home-container {
 	width: 100vw;
 	overflow-x: hidden;
 	background-color: white;
@@ -1779,5 +1780,5 @@
 			z-index: 10;
 		}
 	}
-	}
+}
 </style>
\ No newline at end of file