diff --git a/App.vue b/App.vue
index 08204dc..3f59bcc 100644
--- a/App.vue
+++ b/App.vue
@@ -1,14 +1,121 @@
 <script>
 	export default {
+		globalData: {
+			mainSliderIndex: 0,
+			randomImages: [],
+			bgMusic: null,
+			isMusicPlaying: false
+		},
 		onLaunch: function() {
 			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
 			console.log('App Launch')
+			// 初始化背景音乐
+			this.initBackgroundMusic();
 		},
 		onShow: function() {
 			console.log('App Show')
 		},
 		onHide: function() {
 			console.log('App Hide')
+		},
+		methods: {
+			initBackgroundMusic() {
+				try {
+					let bgMusic;
+			
+					// 区分平台 - 小程序环境使用背景音频，H5等环境使用内部音频
+					// #ifdef MP-WEIXIN
+					try {
+						bgMusic = uni.getBackgroundAudioManager();
+						// 小程序环境需要设置title
+						bgMusic.title = '背景音乐';
+					} catch (e) {
+						console.error('获取背景音频管理器失败，改用内部音频上下文', e);
+						bgMusic = uni.createInnerAudioContext();
+					}
+					// #endif
+			
+					// #ifndef MP-WEIXIN
+					bgMusic = uni.createInnerAudioContext();
+					// #endif
+			
+					// 配置音频
+					bgMusic.src = 'https://mp-8aaaff75-9c10-4e68-919c-7f4ee2d555b6.cdn.bspapp.com/xxdf.MP3';
+					bgMusic.loop = true; // 循环播放
+			
+					// 使用不同的事件监听方式，兼容两种音频上下文
+					if (bgMusic.onPlay) {
+						// BackgroundAudioManager 方式
+						bgMusic.onPlay(() => {
+							this.globalData.isMusicPlaying = true;
+						});
+			
+						bgMusic.onPause(() => {
+							this.globalData.isMusicPlaying = false;
+						});
+			
+						bgMusic.onStop(() => {
+							this.globalData.isMusicPlaying = false;
+						});
+			
+						bgMusic.onEnded(() => {
+							// 循环播放 (BackgroundAudioManager需要重新设置src)
+							bgMusic.src = 'https://static.ticket.sz-trip.com/epicSoul/xxdf.MP3';
+							bgMusic.play();
+						});
+					} else {
+						// InnerAudioContext 方式
+						bgMusic.onPlay(() => {
+							this.globalData.isMusicPlaying = true;
+						});
+			
+						bgMusic.onPause(() => {
+							this.globalData.isMusicPlaying = false;
+						});
+			
+						bgMusic.onStop(() => {
+							this.globalData.isMusicPlaying = false;
+						});
+			
+						bgMusic.onEnded(() => {
+							// InnerAudioContext设置了loop不需要手动重新播放
+							this.globalData.isMusicPlaying = false;
+						});
+					}
+			
+					// 保存到全局
+					this.globalData.bgMusic = bgMusic;
+			
+					// 创建全局方法供其他页面调用
+					uni.$bgMusic = {
+						play: () => {
+							if (bgMusic && bgMusic.play) {
+								bgMusic.play();
+							}
+							return this.globalData.isMusicPlaying;
+						},
+						pause: () => {
+							if (bgMusic && bgMusic.pause) {
+								bgMusic.pause();
+							}
+							return this.globalData.isMusicPlaying;
+						},
+						toggle: () => {
+							if (!bgMusic) return false;
+			
+							if (this.globalData.isMusicPlaying) {
+								if (bgMusic.pause) bgMusic.pause();
+							} else {
+								if (bgMusic.play) bgMusic.play();
+							}
+							return this.globalData.isMusicPlaying;
+						},
+						isPlaying: () => this.globalData.isMusicPlaying
+					};
+				} catch (err) {
+					console.error('初始化背景音乐失败:', err);
+				}
+			}
 		}
 	}
 </script>
@@ -29,4 +136,39 @@
 		color: #333;
 		padding: 10px;
 	}
+	
+	/* 清除按钮默认样式 */
+	button::after {
+		border: none;
+	}
+	
+	@keyframes bounce {
+	
+		0%,
+		20%,
+		50%,
+		80%,
+		100% {
+			transform: translateY(0);
+		}
+	
+		40% {
+			transform: translateY(-20rpx);
+		}
+	
+		60% {
+			transform: translateY(-10rpx);
+		}
+	}
+	
+	/* 音乐控制按钮动画 */
+	@keyframes rotate {
+		from {
+			transform: rotate(0deg);
+		}
+	
+		to {
+			transform: rotate(360deg);
+		}
+	}
 </style>
diff --git a/components/chapter3/RandomImage.vue b/components/chapter3/RandomImage.vue
index 63a93d0..f6ef16c 100644
--- a/components/chapter3/RandomImage.vue
+++ b/components/chapter3/RandomImage.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import MusicControl from './MusicControl.vue'
+import MusicControl from '@/components/MusicControl.vue'
 
 export default {
   components: {
diff --git a/pages/index/readingBody.vue b/pages/index/readingBody.vue
index 9476785..0ae6ce9 100644
--- a/pages/index/readingBody.vue
+++ b/pages/index/readingBody.vue
@@ -57,7 +57,7 @@
 			<span :style="{left: readingIndex == 0 ? '32rpx' : (readingIndex == 1 ? '245rpx' : '448rpx')}"></span> -->
 		</view>
 		<view class="reading-box">
-			<image v-for="(item,index) in readingList" :key="index" :src="showImg(item.image)" @click="gotoUrlNew(item)"></image>
+			<image v-for="(item,index) in readingList" :key="index" :src="showImg(item.image)" @click="gotoUrlNews(item,index)"></image>
 		</view>
 		
 		<CustomTabBar :currentTab="1" />
@@ -106,6 +106,15 @@
 			this.sendRequest()
 		},
 		methods: {
+			gotoUrlNews(item,index) {
+				if(index == 0) {
+					uni.navigateTo({
+						url: '/xxdf/home/home'
+					})
+				}else {
+					this.gotoUrlNew(item)
+				}
+			},
 			sendRequest() {
 				this.Post({
 					type_id: 3,
diff --git a/static/3-1-2.gif b/static/3-1-2.gif
deleted file mode 100644
index ad14100..0000000
Binary files a/static/3-1-2.gif and /dev/null differ
diff --git a/static/3-2-2.gif b/static/3-2-2.gif
deleted file mode 100644
index 167a8ba..0000000
Binary files a/static/3-2-2.gif and /dev/null differ
diff --git a/static/3-3-2.gif b/static/3-3-2.gif
deleted file mode 100644
index e509f09..0000000
Binary files a/static/3-3-2.gif and /dev/null differ
diff --git a/static/3-4-2.gif b/static/3-4-2.gif
deleted file mode 100644
index 729eae5..0000000
Binary files a/static/3-4-2.gif and /dev/null differ
diff --git a/static/3-5-2.gif b/static/3-5-2.gif
deleted file mode 100644
index 08db4f4..0000000
Binary files a/static/3-5-2.gif and /dev/null differ
diff --git a/static/3-6-2.gif b/static/3-6-2.gif
deleted file mode 100644
index e994175..0000000
Binary files a/static/3-6-2.gif and /dev/null differ
diff --git a/static/3-7-2.gif b/static/3-7-2.gif
deleted file mode 100644
index 2e5fb7b..0000000
Binary files a/static/3-7-2.gif and /dev/null differ
diff --git a/static/arrow-icon-black.png b/static/arrow-icon-black.png
deleted file mode 100644
index cb9be84..0000000
Binary files a/static/arrow-icon-black.png and /dev/null differ
diff --git a/static/arrow-icon.png b/static/arrow-icon.png
deleted file mode 100644
index 082d045..0000000
Binary files a/static/arrow-icon.png and /dev/null differ
diff --git a/static/back.png b/static/back.png
deleted file mode 100644
index f764ba6..0000000
Binary files a/static/back.png and /dev/null differ
diff --git a/static/find-btn.png b/static/find-btn.png
deleted file mode 100644
index ebe5675..0000000
Binary files a/static/find-btn.png and /dev/null differ
diff --git a/static/footer.png b/static/footer.png
deleted file mode 100644
index f0ea923..0000000
Binary files a/static/footer.png and /dev/null differ
diff --git a/static/home.png b/static/home.png
deleted file mode 100644
index 385f099..0000000
Binary files a/static/home.png and /dev/null differ
diff --git a/static/images/chapter1/abandon-btn.png b/static/images/chapter1/abandon-btn.png
deleted file mode 100644
index 2294c09..0000000
Binary files a/static/images/chapter1/abandon-btn.png and /dev/null differ
diff --git a/static/images/chapter1/bg-txt.png b/static/images/chapter1/bg-txt.png
deleted file mode 100644
index 170e688..0000000
Binary files a/static/images/chapter1/bg-txt.png and /dev/null differ
diff --git a/static/images/chapter1/button.png b/static/images/chapter1/button.png
deleted file mode 100644
index 777ee52..0000000
Binary files a/static/images/chapter1/button.png and /dev/null differ
diff --git a/static/images/chapter1/cover.png b/static/images/chapter1/cover.png
deleted file mode 100644
index 388caf3..0000000
Binary files a/static/images/chapter1/cover.png and /dev/null differ
diff --git a/static/images/chapter1/cover2.png b/static/images/chapter1/cover2.png
deleted file mode 100644
index fd12914..0000000
Binary files a/static/images/chapter1/cover2.png and /dev/null differ
diff --git a/static/images/chapter1/feel.png b/static/images/chapter1/feel.png
deleted file mode 100644
index 57de4db..0000000
Binary files a/static/images/chapter1/feel.png and /dev/null differ
diff --git a/static/images/chapter1/feel2-img.png b/static/images/chapter1/feel2-img.png
deleted file mode 100644
index b32961d..0000000
Binary files a/static/images/chapter1/feel2-img.png and /dev/null differ
diff --git a/static/images/chapter1/feel2.png b/static/images/chapter1/feel2.png
deleted file mode 100644
index d2e0554..0000000
Binary files a/static/images/chapter1/feel2.png and /dev/null differ
diff --git a/static/images/chapter1/gustation.png b/static/images/chapter1/gustation.png
deleted file mode 100644
index f1bc5a5..0000000
Binary files a/static/images/chapter1/gustation.png and /dev/null differ
diff --git a/static/images/chapter1/gustation2-img.png b/static/images/chapter1/gustation2-img.png
deleted file mode 100644
index 16f6e31..0000000
Binary files a/static/images/chapter1/gustation2-img.png and /dev/null differ
diff --git a/static/images/chapter1/gustation2.png b/static/images/chapter1/gustation2.png
deleted file mode 100644
index a0195b6..0000000
Binary files a/static/images/chapter1/gustation2.png and /dev/null differ
diff --git a/static/images/chapter1/hearing.png b/static/images/chapter1/hearing.png
deleted file mode 100644
index 0a1021b..0000000
Binary files a/static/images/chapter1/hearing.png and /dev/null differ
diff --git a/static/images/chapter1/hearing2-img.png b/static/images/chapter1/hearing2-img.png
deleted file mode 100644
index 96a4ebd..0000000
Binary files a/static/images/chapter1/hearing2-img.png and /dev/null differ
diff --git a/static/images/chapter1/hearing2.png b/static/images/chapter1/hearing2.png
deleted file mode 100644
index 862e6c7..0000000
Binary files a/static/images/chapter1/hearing2.png and /dev/null differ
diff --git a/static/images/chapter1/olfactory.png b/static/images/chapter1/olfactory.png
deleted file mode 100644
index 04ac9ea..0000000
Binary files a/static/images/chapter1/olfactory.png and /dev/null differ
diff --git a/static/images/chapter1/olfactory2-img.png b/static/images/chapter1/olfactory2-img.png
deleted file mode 100644
index 00af6e4..0000000
Binary files a/static/images/chapter1/olfactory2-img.png and /dev/null differ
diff --git a/static/images/chapter1/olfactory2.png b/static/images/chapter1/olfactory2.png
deleted file mode 100644
index 14d522f..0000000
Binary files a/static/images/chapter1/olfactory2.png and /dev/null differ
diff --git a/static/images/chapter1/olfactory3-img.png b/static/images/chapter1/olfactory3-img.png
deleted file mode 100644
index 67fec49..0000000
Binary files a/static/images/chapter1/olfactory3-img.png and /dev/null differ
diff --git a/static/images/chapter1/olfactory3.png b/static/images/chapter1/olfactory3.png
deleted file mode 100644
index 6e543a9..0000000
Binary files a/static/images/chapter1/olfactory3.png and /dev/null differ
diff --git a/static/images/chapter1/olfactory4-img.png b/static/images/chapter1/olfactory4-img.png
deleted file mode 100644
index c9e00c0..0000000
Binary files a/static/images/chapter1/olfactory4-img.png and /dev/null differ
diff --git a/static/images/chapter1/olfactory4.png b/static/images/chapter1/olfactory4.png
deleted file mode 100644
index 997c178..0000000
Binary files a/static/images/chapter1/olfactory4.png and /dev/null differ
diff --git a/static/images/chapter1/vision.png b/static/images/chapter1/vision.png
deleted file mode 100644
index 237393c..0000000
Binary files a/static/images/chapter1/vision.png and /dev/null differ
diff --git a/static/images/chapter1/vision2-img.png b/static/images/chapter1/vision2-img.png
deleted file mode 100644
index 86cd818..0000000
Binary files a/static/images/chapter1/vision2-img.png and /dev/null differ
diff --git a/static/images/chapter1/vision2.png b/static/images/chapter1/vision2.png
deleted file mode 100644
index f57f9ed..0000000
Binary files a/static/images/chapter1/vision2.png and /dev/null differ
diff --git a/static/images/chapter2/bg-txt.png b/static/images/chapter2/bg-txt.png
deleted file mode 100644
index 62bde0c..0000000
Binary files a/static/images/chapter2/bg-txt.png and /dev/null differ
diff --git a/static/images/chapter2/button.png b/static/images/chapter2/button.png
deleted file mode 100644
index 2d7d994..0000000
Binary files a/static/images/chapter2/button.png and /dev/null differ
diff --git a/static/images/chapter2/cover.png b/static/images/chapter2/cover.png
deleted file mode 100644
index c882915..0000000
Binary files a/static/images/chapter2/cover.png and /dev/null differ
diff --git a/static/images/chapter2/cover2.png b/static/images/chapter2/cover2.png
deleted file mode 100644
index 85cf17c..0000000
Binary files a/static/images/chapter2/cover2.png and /dev/null differ
diff --git a/static/images/chapter2/cover3.png b/static/images/chapter2/cover3.png
deleted file mode 100644
index 3d67121..0000000
Binary files a/static/images/chapter2/cover3.png and /dev/null differ
diff --git a/static/images/chapter2/cover4.png b/static/images/chapter2/cover4.png
deleted file mode 100644
index 8820f1a..0000000
Binary files a/static/images/chapter2/cover4.png and /dev/null differ
diff --git a/static/images/chapter2/cover5.png b/static/images/chapter2/cover5.png
deleted file mode 100644
index 6189382..0000000
Binary files a/static/images/chapter2/cover5.png and /dev/null differ
diff --git a/static/images/chapter2/cover6.png b/static/images/chapter2/cover6.png
deleted file mode 100644
index bdb8c7a..0000000
Binary files a/static/images/chapter2/cover6.png and /dev/null differ
diff --git a/static/images/chapter2/cover7.png b/static/images/chapter2/cover7.png
deleted file mode 100644
index 81a388d..0000000
Binary files a/static/images/chapter2/cover7.png and /dev/null differ
diff --git a/static/images/chapter3/bg-txt.png b/static/images/chapter3/bg-txt.png
deleted file mode 100644
index e3f5b47..0000000
Binary files a/static/images/chapter3/bg-txt.png and /dev/null differ
diff --git a/static/images/chapter3/button.png b/static/images/chapter3/button.png
deleted file mode 100644
index 141dc1f..0000000
Binary files a/static/images/chapter3/button.png and /dev/null differ
diff --git a/static/images/chapter3/cover.png b/static/images/chapter3/cover.png
deleted file mode 100644
index 1b0028b..0000000
Binary files a/static/images/chapter3/cover.png and /dev/null differ
diff --git a/static/images/chapter3/cover2-1.png b/static/images/chapter3/cover2-1.png
deleted file mode 100644
index cb62c34..0000000
Binary files a/static/images/chapter3/cover2-1.png and /dev/null differ
diff --git a/static/images/chapter3/cover2-txt.png b/static/images/chapter3/cover2-txt.png
deleted file mode 100644
index cac4b70..0000000
Binary files a/static/images/chapter3/cover2-txt.png and /dev/null differ
diff --git a/static/images/chapter3/cover2.png b/static/images/chapter3/cover2.png
deleted file mode 100644
index c7118f7..0000000
Binary files a/static/images/chapter3/cover2.png and /dev/null differ
diff --git a/static/images/chapter3/cover3-1.png b/static/images/chapter3/cover3-1.png
deleted file mode 100644
index 7299634..0000000
Binary files a/static/images/chapter3/cover3-1.png and /dev/null differ
diff --git a/static/images/chapter3/cover3-txt.png b/static/images/chapter3/cover3-txt.png
deleted file mode 100644
index 44e1aa9..0000000
Binary files a/static/images/chapter3/cover3-txt.png and /dev/null differ
diff --git a/static/images/chapter3/cover3.png b/static/images/chapter3/cover3.png
deleted file mode 100644
index 4e36398..0000000
Binary files a/static/images/chapter3/cover3.png and /dev/null differ
diff --git a/static/images/chapter3/cover4-1.png b/static/images/chapter3/cover4-1.png
deleted file mode 100644
index 53bb5dd..0000000
Binary files a/static/images/chapter3/cover4-1.png and /dev/null differ
diff --git a/static/images/chapter3/cover4-txt.png b/static/images/chapter3/cover4-txt.png
deleted file mode 100644
index d3d1d34..0000000
Binary files a/static/images/chapter3/cover4-txt.png and /dev/null differ
diff --git a/static/images/chapter3/cover4.png b/static/images/chapter3/cover4.png
deleted file mode 100644
index b92b768..0000000
Binary files a/static/images/chapter3/cover4.png and /dev/null differ
diff --git a/static/images/chapter3/cover5-1.png b/static/images/chapter3/cover5-1.png
deleted file mode 100644
index 36a9dd3..0000000
Binary files a/static/images/chapter3/cover5-1.png and /dev/null differ
diff --git a/static/images/chapter3/cover5-txt.png b/static/images/chapter3/cover5-txt.png
deleted file mode 100644
index 2bfe603..0000000
Binary files a/static/images/chapter3/cover5-txt.png and /dev/null differ
diff --git a/static/images/chapter3/cover5.png b/static/images/chapter3/cover5.png
deleted file mode 100644
index d5cb501..0000000
Binary files a/static/images/chapter3/cover5.png and /dev/null differ
diff --git a/static/images/chapter3/cover6-1.png b/static/images/chapter3/cover6-1.png
deleted file mode 100644
index e973e99..0000000
Binary files a/static/images/chapter3/cover6-1.png and /dev/null differ
diff --git a/static/images/chapter3/cover6-txt.png b/static/images/chapter3/cover6-txt.png
deleted file mode 100644
index 617ea81..0000000
Binary files a/static/images/chapter3/cover6-txt.png and /dev/null differ
diff --git a/static/images/chapter3/cover6.png b/static/images/chapter3/cover6.png
deleted file mode 100644
index b12e86d..0000000
Binary files a/static/images/chapter3/cover6.png and /dev/null differ
diff --git a/static/images/chapter3/cover7-1.png b/static/images/chapter3/cover7-1.png
deleted file mode 100644
index 7dc9179..0000000
Binary files a/static/images/chapter3/cover7-1.png and /dev/null differ
diff --git a/static/images/chapter3/cover7-txt.png b/static/images/chapter3/cover7-txt.png
deleted file mode 100644
index 7fb6183..0000000
Binary files a/static/images/chapter3/cover7-txt.png and /dev/null differ
diff --git a/static/images/chapter3/cover7.png b/static/images/chapter3/cover7.png
deleted file mode 100644
index 4806066..0000000
Binary files a/static/images/chapter3/cover7.png and /dev/null differ
diff --git a/static/images/chapter3/cover8-1.png b/static/images/chapter3/cover8-1.png
deleted file mode 100644
index 99c9fe7..0000000
Binary files a/static/images/chapter3/cover8-1.png and /dev/null differ
diff --git a/static/images/chapter3/cover8-txt.png b/static/images/chapter3/cover8-txt.png
deleted file mode 100644
index ca33f59..0000000
Binary files a/static/images/chapter3/cover8-txt.png and /dev/null differ
diff --git a/static/images/chapter3/cover8.png b/static/images/chapter3/cover8.png
deleted file mode 100644
index 9180c4a..0000000
Binary files a/static/images/chapter3/cover8.png and /dev/null differ
diff --git a/static/images/chapter3/cover9-txt.png b/static/images/chapter3/cover9-txt.png
deleted file mode 100644
index cb90bd8..0000000
Binary files a/static/images/chapter3/cover9-txt.png and /dev/null differ
diff --git a/static/images/chapter3/cover9.png b/static/images/chapter3/cover9.png
deleted file mode 100644
index 3ff43c2..0000000
Binary files a/static/images/chapter3/cover9.png and /dev/null differ
diff --git a/static/images/chapter3/random/image1-txt.png b/static/images/chapter3/random/image1-txt.png
deleted file mode 100644
index 6df3ceb..0000000
Binary files a/static/images/chapter3/random/image1-txt.png and /dev/null differ
diff --git a/static/images/chapter3/random/image1.png b/static/images/chapter3/random/image1.png
deleted file mode 100644
index 8a1fc6f..0000000
Binary files a/static/images/chapter3/random/image1.png and /dev/null differ
diff --git a/static/images/chapter3/random/image2-txt.png b/static/images/chapter3/random/image2-txt.png
deleted file mode 100644
index ae6c0ba..0000000
Binary files a/static/images/chapter3/random/image2-txt.png and /dev/null differ
diff --git a/static/images/chapter3/random/image2.png b/static/images/chapter3/random/image2.png
deleted file mode 100644
index 88d948b..0000000
Binary files a/static/images/chapter3/random/image2.png and /dev/null differ
diff --git a/static/images/chapter3/random/image3-txt.png b/static/images/chapter3/random/image3-txt.png
deleted file mode 100644
index 5bcea15..0000000
Binary files a/static/images/chapter3/random/image3-txt.png and /dev/null differ
diff --git a/static/images/chapter3/random/image3.png b/static/images/chapter3/random/image3.png
deleted file mode 100644
index 340e00d..0000000
Binary files a/static/images/chapter3/random/image3.png and /dev/null differ
diff --git a/static/images/chapter3/random/image4-txt.png b/static/images/chapter3/random/image4-txt.png
deleted file mode 100644
index 2cc9f95..0000000
Binary files a/static/images/chapter3/random/image4-txt.png and /dev/null differ
diff --git a/static/images/chapter3/random/image4.png b/static/images/chapter3/random/image4.png
deleted file mode 100644
index 05410ce..0000000
Binary files a/static/images/chapter3/random/image4.png and /dev/null differ
diff --git a/static/images/chapter3/random/image5-txt.png b/static/images/chapter3/random/image5-txt.png
deleted file mode 100644
index f780a46..0000000
Binary files a/static/images/chapter3/random/image5-txt.png and /dev/null differ
diff --git a/static/images/chapter3/random/image5.png b/static/images/chapter3/random/image5.png
deleted file mode 100644
index c61e3ed..0000000
Binary files a/static/images/chapter3/random/image5.png and /dev/null differ
diff --git a/static/images/chapter3/random/image6-txt.png b/static/images/chapter3/random/image6-txt.png
deleted file mode 100644
index d4a890b..0000000
Binary files a/static/images/chapter3/random/image6-txt.png and /dev/null differ
diff --git a/static/images/chapter3/random/image6.png b/static/images/chapter3/random/image6.png
deleted file mode 100644
index db3bf91..0000000
Binary files a/static/images/chapter3/random/image6.png and /dev/null differ
diff --git a/static/images/chapter3/random/image7-txt.png b/static/images/chapter3/random/image7-txt.png
deleted file mode 100644
index 1ecbab5..0000000
Binary files a/static/images/chapter3/random/image7-txt.png and /dev/null differ
diff --git a/static/images/chapter3/random/image7.png b/static/images/chapter3/random/image7.png
deleted file mode 100644
index 185f17c..0000000
Binary files a/static/images/chapter3/random/image7.png and /dev/null differ
diff --git a/static/images/chapter4/bg-txt.png b/static/images/chapter4/bg-txt.png
deleted file mode 100644
index 06bbd24..0000000
Binary files a/static/images/chapter4/bg-txt.png and /dev/null differ
diff --git a/static/images/chapter4/chapter4-btn.png b/static/images/chapter4/chapter4-btn.png
deleted file mode 100644
index d712143..0000000
Binary files a/static/images/chapter4/chapter4-btn.png and /dev/null differ
diff --git a/static/images/chapter4/chapter4-btn2.png b/static/images/chapter4/chapter4-btn2.png
deleted file mode 100644
index 8faee43..0000000
Binary files a/static/images/chapter4/chapter4-btn2.png and /dev/null differ
diff --git a/static/images/chapter4/cover.png b/static/images/chapter4/cover.png
deleted file mode 100644
index 2004882..0000000
Binary files a/static/images/chapter4/cover.png and /dev/null differ
diff --git a/static/images/chapter4/detail1/cover-bg.png b/static/images/chapter4/detail1/cover-bg.png
deleted file mode 100644
index 34371ec..0000000
Binary files a/static/images/chapter4/detail1/cover-bg.png and /dev/null differ
diff --git a/static/images/chapter4/detail1/cover-txt.png b/static/images/chapter4/detail1/cover-txt.png
deleted file mode 100644
index c9da98f..0000000
Binary files a/static/images/chapter4/detail1/cover-txt.png and /dev/null differ
diff --git a/static/images/chapter4/detail1/swiper-img1.png b/static/images/chapter4/detail1/swiper-img1.png
deleted file mode 100644
index ae1ab5d..0000000
Binary files a/static/images/chapter4/detail1/swiper-img1.png and /dev/null differ
diff --git a/static/images/chapter4/detail1/swiper-img2.png b/static/images/chapter4/detail1/swiper-img2.png
deleted file mode 100644
index bde91dd..0000000
Binary files a/static/images/chapter4/detail1/swiper-img2.png and /dev/null differ
diff --git a/static/images/chapter4/detail1/swiper-img3.png b/static/images/chapter4/detail1/swiper-img3.png
deleted file mode 100644
index 4001b9a..0000000
Binary files a/static/images/chapter4/detail1/swiper-img3.png and /dev/null differ
diff --git a/static/images/chapter4/detail1/swiper-img4.png b/static/images/chapter4/detail1/swiper-img4.png
deleted file mode 100644
index 089f382..0000000
Binary files a/static/images/chapter4/detail1/swiper-img4.png and /dev/null differ
diff --git a/static/images/chapter4/detail1/swiper-img5.png b/static/images/chapter4/detail1/swiper-img5.png
deleted file mode 100644
index 1684680..0000000
Binary files a/static/images/chapter4/detail1/swiper-img5.png and /dev/null differ
diff --git a/static/images/chapter4/detail1/swiper-img6.png b/static/images/chapter4/detail1/swiper-img6.png
deleted file mode 100644
index fc4bf82..0000000
Binary files a/static/images/chapter4/detail1/swiper-img6.png and /dev/null differ
diff --git a/static/images/chapter4/detail1/swiper-img7.png b/static/images/chapter4/detail1/swiper-img7.png
deleted file mode 100644
index 86c9fdd..0000000
Binary files a/static/images/chapter4/detail1/swiper-img7.png and /dev/null differ
diff --git a/static/images/chapter4/detail2/cover-bg.png b/static/images/chapter4/detail2/cover-bg.png
deleted file mode 100644
index d4e296f..0000000
Binary files a/static/images/chapter4/detail2/cover-bg.png and /dev/null differ
diff --git a/static/images/chapter4/detail2/cover-txt.png b/static/images/chapter4/detail2/cover-txt.png
deleted file mode 100644
index a6d03b3..0000000
Binary files a/static/images/chapter4/detail2/cover-txt.png and /dev/null differ
diff --git a/static/images/chapter4/detail2/swiper-img1.png b/static/images/chapter4/detail2/swiper-img1.png
deleted file mode 100644
index dc480f9..0000000
Binary files a/static/images/chapter4/detail2/swiper-img1.png and /dev/null differ
diff --git a/static/images/chapter4/detail2/swiper-img2.png b/static/images/chapter4/detail2/swiper-img2.png
deleted file mode 100644
index 3898646..0000000
Binary files a/static/images/chapter4/detail2/swiper-img2.png and /dev/null differ
diff --git a/static/images/chapter4/detail2/swiper-img3.png b/static/images/chapter4/detail2/swiper-img3.png
deleted file mode 100644
index b3bf0a5..0000000
Binary files a/static/images/chapter4/detail2/swiper-img3.png and /dev/null differ
diff --git a/static/images/chapter4/detail2/swiper-img4.png b/static/images/chapter4/detail2/swiper-img4.png
deleted file mode 100644
index c2bda09..0000000
Binary files a/static/images/chapter4/detail2/swiper-img4.png and /dev/null differ
diff --git a/static/images/chapter4/detail2/swiper-img5.png b/static/images/chapter4/detail2/swiper-img5.png
deleted file mode 100644
index 58e7a00..0000000
Binary files a/static/images/chapter4/detail2/swiper-img5.png and /dev/null differ
diff --git a/static/images/chapter4/detail2/swiper-img6.png b/static/images/chapter4/detail2/swiper-img6.png
deleted file mode 100644
index e968582..0000000
Binary files a/static/images/chapter4/detail2/swiper-img6.png and /dev/null differ
diff --git a/static/images/chapter4/detail2/swiper-img7.png b/static/images/chapter4/detail2/swiper-img7.png
deleted file mode 100644
index edd3201..0000000
Binary files a/static/images/chapter4/detail2/swiper-img7.png and /dev/null differ
diff --git a/static/images/chapter4/detail3/cover-bg.png b/static/images/chapter4/detail3/cover-bg.png
deleted file mode 100644
index f3a6332..0000000
Binary files a/static/images/chapter4/detail3/cover-bg.png and /dev/null differ
diff --git a/static/images/chapter4/detail3/cover-txt.png b/static/images/chapter4/detail3/cover-txt.png
deleted file mode 100644
index 0958f20..0000000
Binary files a/static/images/chapter4/detail3/cover-txt.png and /dev/null differ
diff --git a/static/images/chapter4/detail3/swiper-img1.png b/static/images/chapter4/detail3/swiper-img1.png
deleted file mode 100644
index 6bf3105..0000000
Binary files a/static/images/chapter4/detail3/swiper-img1.png and /dev/null differ
diff --git a/static/images/chapter4/detail3/swiper-img2.png b/static/images/chapter4/detail3/swiper-img2.png
deleted file mode 100644
index c634070..0000000
Binary files a/static/images/chapter4/detail3/swiper-img2.png and /dev/null differ
diff --git a/static/images/chapter4/detail3/swiper-img3.png b/static/images/chapter4/detail3/swiper-img3.png
deleted file mode 100644
index 3c823d6..0000000
Binary files a/static/images/chapter4/detail3/swiper-img3.png and /dev/null differ
diff --git a/static/images/chapter4/detail3/swiper-img4.png b/static/images/chapter4/detail3/swiper-img4.png
deleted file mode 100644
index be4752d..0000000
Binary files a/static/images/chapter4/detail3/swiper-img4.png and /dev/null differ
diff --git a/static/images/chapter4/detail3/swiper-img5.png b/static/images/chapter4/detail3/swiper-img5.png
deleted file mode 100644
index fe35417..0000000
Binary files a/static/images/chapter4/detail3/swiper-img5.png and /dev/null differ
diff --git a/static/images/chapter4/detail3/swiper-img6.png b/static/images/chapter4/detail3/swiper-img6.png
deleted file mode 100644
index d551806..0000000
Binary files a/static/images/chapter4/detail3/swiper-img6.png and /dev/null differ
diff --git a/static/images/chapter4/detail3/swiper-img7.png b/static/images/chapter4/detail3/swiper-img7.png
deleted file mode 100644
index 4133a0a..0000000
Binary files a/static/images/chapter4/detail3/swiper-img7.png and /dev/null differ
diff --git a/static/images/chapter4/detail4/cover-bg.png b/static/images/chapter4/detail4/cover-bg.png
deleted file mode 100644
index 98e229c..0000000
Binary files a/static/images/chapter4/detail4/cover-bg.png and /dev/null differ
diff --git a/static/images/chapter4/detail4/cover-txt.png b/static/images/chapter4/detail4/cover-txt.png
deleted file mode 100644
index a9dba3e..0000000
Binary files a/static/images/chapter4/detail4/cover-txt.png and /dev/null differ
diff --git a/static/images/chapter4/detail4/swiper-img1.png b/static/images/chapter4/detail4/swiper-img1.png
deleted file mode 100644
index 6a9f621..0000000
Binary files a/static/images/chapter4/detail4/swiper-img1.png and /dev/null differ
diff --git a/static/images/chapter4/detail4/swiper-img2.png b/static/images/chapter4/detail4/swiper-img2.png
deleted file mode 100644
index ade03ea..0000000
Binary files a/static/images/chapter4/detail4/swiper-img2.png and /dev/null differ
diff --git a/static/images/chapter4/detail4/swiper-img3.png b/static/images/chapter4/detail4/swiper-img3.png
deleted file mode 100644
index e7703c4..0000000
Binary files a/static/images/chapter4/detail4/swiper-img3.png and /dev/null differ
diff --git a/static/images/chapter4/detail4/swiper-img4.png b/static/images/chapter4/detail4/swiper-img4.png
deleted file mode 100644
index cbfef0a..0000000
Binary files a/static/images/chapter4/detail4/swiper-img4.png and /dev/null differ
diff --git a/static/images/chapter4/detail4/swiper-img5.png b/static/images/chapter4/detail4/swiper-img5.png
deleted file mode 100644
index 6c69be2..0000000
Binary files a/static/images/chapter4/detail4/swiper-img5.png and /dev/null differ
diff --git a/static/images/chapter4/detail4/swiper-img6.png b/static/images/chapter4/detail4/swiper-img6.png
deleted file mode 100644
index e3833a0..0000000
Binary files a/static/images/chapter4/detail4/swiper-img6.png and /dev/null differ
diff --git a/static/images/chapter4/detail4/swiper-img7.png b/static/images/chapter4/detail4/swiper-img7.png
deleted file mode 100644
index 5e93a14..0000000
Binary files a/static/images/chapter4/detail4/swiper-img7.png and /dev/null differ
diff --git a/static/images/chapter4/detail5/cover-bg.png b/static/images/chapter4/detail5/cover-bg.png
deleted file mode 100644
index 00f6609..0000000
Binary files a/static/images/chapter4/detail5/cover-bg.png and /dev/null differ
diff --git a/static/images/chapter4/detail5/cover-txt.png b/static/images/chapter4/detail5/cover-txt.png
deleted file mode 100644
index b028f0e..0000000
Binary files a/static/images/chapter4/detail5/cover-txt.png and /dev/null differ
diff --git a/static/images/chapter4/detail5/swiper-img1.png b/static/images/chapter4/detail5/swiper-img1.png
deleted file mode 100644
index 4630f98..0000000
Binary files a/static/images/chapter4/detail5/swiper-img1.png and /dev/null differ
diff --git a/static/images/chapter4/detail5/swiper-img2.png b/static/images/chapter4/detail5/swiper-img2.png
deleted file mode 100644
index caeaefa..0000000
Binary files a/static/images/chapter4/detail5/swiper-img2.png and /dev/null differ
diff --git a/static/images/chapter4/detail5/swiper-img3.png b/static/images/chapter4/detail5/swiper-img3.png
deleted file mode 100644
index b594b1c..0000000
Binary files a/static/images/chapter4/detail5/swiper-img3.png and /dev/null differ
diff --git a/static/images/chapter4/detail5/swiper-img4.png b/static/images/chapter4/detail5/swiper-img4.png
deleted file mode 100644
index b67ba23..0000000
Binary files a/static/images/chapter4/detail5/swiper-img4.png and /dev/null differ
diff --git a/static/images/chapter4/detail5/swiper-img5.png b/static/images/chapter4/detail5/swiper-img5.png
deleted file mode 100644
index fc3197a..0000000
Binary files a/static/images/chapter4/detail5/swiper-img5.png and /dev/null differ
diff --git a/static/images/chapter4/detail5/swiper-img6.png b/static/images/chapter4/detail5/swiper-img6.png
deleted file mode 100644
index 010e168..0000000
Binary files a/static/images/chapter4/detail5/swiper-img6.png and /dev/null differ
diff --git a/static/images/chapter4/detail5/swiper-img7.png b/static/images/chapter4/detail5/swiper-img7.png
deleted file mode 100644
index 1f9bd0a..0000000
Binary files a/static/images/chapter4/detail5/swiper-img7.png and /dev/null differ
diff --git a/static/images/chapter4/detail6/cover-bg.png b/static/images/chapter4/detail6/cover-bg.png
deleted file mode 100644
index 2b115a7..0000000
Binary files a/static/images/chapter4/detail6/cover-bg.png and /dev/null differ
diff --git a/static/images/chapter4/detail6/cover-txt.png b/static/images/chapter4/detail6/cover-txt.png
deleted file mode 100644
index b82641e..0000000
Binary files a/static/images/chapter4/detail6/cover-txt.png and /dev/null differ
diff --git a/static/images/chapter4/detail6/swiper-img1.png b/static/images/chapter4/detail6/swiper-img1.png
deleted file mode 100644
index b299f81..0000000
Binary files a/static/images/chapter4/detail6/swiper-img1.png and /dev/null differ
diff --git a/static/images/chapter4/detail6/swiper-img2.png b/static/images/chapter4/detail6/swiper-img2.png
deleted file mode 100644
index c23f25e..0000000
Binary files a/static/images/chapter4/detail6/swiper-img2.png and /dev/null differ
diff --git a/static/images/chapter4/detail6/swiper-img3.png b/static/images/chapter4/detail6/swiper-img3.png
deleted file mode 100644
index ae1ed5c..0000000
Binary files a/static/images/chapter4/detail6/swiper-img3.png and /dev/null differ
diff --git a/static/images/chapter4/detail6/swiper-img4.png b/static/images/chapter4/detail6/swiper-img4.png
deleted file mode 100644
index 27e3b50..0000000
Binary files a/static/images/chapter4/detail6/swiper-img4.png and /dev/null differ
diff --git a/static/images/chapter4/detail6/swiper-img5.png b/static/images/chapter4/detail6/swiper-img5.png
deleted file mode 100644
index ec4cc7e..0000000
Binary files a/static/images/chapter4/detail6/swiper-img5.png and /dev/null differ
diff --git a/static/images/chapter4/detail6/swiper-img6.png b/static/images/chapter4/detail6/swiper-img6.png
deleted file mode 100644
index 300ece0..0000000
Binary files a/static/images/chapter4/detail6/swiper-img6.png and /dev/null differ
diff --git a/static/images/chapter4/detail6/swiper-img7.png b/static/images/chapter4/detail6/swiper-img7.png
deleted file mode 100644
index 4cfeea4..0000000
Binary files a/static/images/chapter4/detail6/swiper-img7.png and /dev/null differ
diff --git a/static/images/chapter4/detail7/cover-bg.png b/static/images/chapter4/detail7/cover-bg.png
deleted file mode 100644
index dcf44c9..0000000
Binary files a/static/images/chapter4/detail7/cover-bg.png and /dev/null differ
diff --git a/static/images/chapter4/detail7/cover-txt.png b/static/images/chapter4/detail7/cover-txt.png
deleted file mode 100644
index 26d48f9..0000000
Binary files a/static/images/chapter4/detail7/cover-txt.png and /dev/null differ
diff --git a/static/images/chapter4/detail7/swiper-img1.png b/static/images/chapter4/detail7/swiper-img1.png
deleted file mode 100644
index 0c50729..0000000
Binary files a/static/images/chapter4/detail7/swiper-img1.png and /dev/null differ
diff --git a/static/images/chapter4/detail7/swiper-img2.png b/static/images/chapter4/detail7/swiper-img2.png
deleted file mode 100644
index 9a9b812..0000000
Binary files a/static/images/chapter4/detail7/swiper-img2.png and /dev/null differ
diff --git a/static/images/chapter4/detail7/swiper-img3.png b/static/images/chapter4/detail7/swiper-img3.png
deleted file mode 100644
index 365a9d1..0000000
Binary files a/static/images/chapter4/detail7/swiper-img3.png and /dev/null differ
diff --git a/static/images/chapter4/detail7/swiper-img4.png b/static/images/chapter4/detail7/swiper-img4.png
deleted file mode 100644
index 8fcf327..0000000
Binary files a/static/images/chapter4/detail7/swiper-img4.png and /dev/null differ
diff --git a/static/images/chapter4/detail7/swiper-img5.png b/static/images/chapter4/detail7/swiper-img5.png
deleted file mode 100644
index c18f5cb..0000000
Binary files a/static/images/chapter4/detail7/swiper-img5.png and /dev/null differ
diff --git a/static/images/chapter4/detail7/swiper-img6.png b/static/images/chapter4/detail7/swiper-img6.png
deleted file mode 100644
index 36032aa..0000000
Binary files a/static/images/chapter4/detail7/swiper-img6.png and /dev/null differ
diff --git a/static/images/chapter4/detail7/swiper-img7.png b/static/images/chapter4/detail7/swiper-img7.png
deleted file mode 100644
index 7bad49c..0000000
Binary files a/static/images/chapter4/detail7/swiper-img7.png and /dev/null differ
diff --git a/static/images/chapter4/harvestReport/cover-bg.png b/static/images/chapter4/harvestReport/cover-bg.png
deleted file mode 100644
index a0c4c56..0000000
Binary files a/static/images/chapter4/harvestReport/cover-bg.png and /dev/null differ
diff --git a/static/images/chapter4/harvestReport/cover-grid.png b/static/images/chapter4/harvestReport/cover-grid.png
deleted file mode 100644
index c544e3e..0000000
Binary files a/static/images/chapter4/harvestReport/cover-grid.png and /dev/null differ
diff --git a/static/images/chapter4/share-img.png b/static/images/chapter4/share-img.png
deleted file mode 100644
index f870ccf..0000000
Binary files a/static/images/chapter4/share-img.png and /dev/null differ
diff --git a/static/index.gif b/static/index.gif
deleted file mode 100644
index 4658449..0000000
Binary files a/static/index.gif and /dev/null differ
diff --git a/static/logo.png b/static/logo.png
deleted file mode 100644
index b5771e2..0000000
Binary files a/static/logo.png and /dev/null differ
diff --git a/static/prologue-bg.png b/static/prologue-bg.png
deleted file mode 100644
index 51744de..0000000
Binary files a/static/prologue-bg.png and /dev/null differ
diff --git a/static/qrcode.png b/static/qrcode.png
deleted file mode 100644
index 2000430..0000000
Binary files a/static/qrcode.png and /dev/null differ
diff --git a/static/reselect-btn.png b/static/reselect-btn.png
deleted file mode 100644
index 42ece37..0000000
Binary files a/static/reselect-btn.png and /dev/null differ
diff --git a/static/save-btn.png b/static/save-btn.png
deleted file mode 100644
index bada7d2..0000000
Binary files a/static/save-btn.png and /dev/null differ
diff --git a/static/seek-btn.png b/static/seek-btn.png
deleted file mode 100644
index de8a109..0000000
Binary files a/static/seek-btn.png and /dev/null differ
diff --git a/static/seek2-btn.png b/static/seek2-btn.png
deleted file mode 100644
index c4652bb..0000000
Binary files a/static/seek2-btn.png and /dev/null differ
diff --git a/static/share-arrow.png b/static/share-arrow.png
deleted file mode 100644
index 253afad..0000000
Binary files a/static/share-arrow.png and /dev/null differ
diff --git a/static/share-img.jpg b/static/share-img.jpg
deleted file mode 100644
index 7d90383..0000000
Binary files a/static/share-img.jpg and /dev/null differ
diff --git a/static/xxdf.MP3 b/static/xxdf.MP3
deleted file mode 100644
index 43eb868..0000000
Binary files a/static/xxdf.MP3 and /dev/null differ
diff --git a/xxdf/chapter1/cover1.vue b/xxdf/chapter1/cover1.vue
index 2a1560a..746339b 100644
--- a/xxdf/chapter1/cover1.vue
+++ b/xxdf/chapter1/cover1.vue
@@ -1,7 +1,7 @@
 <template>
 	<view>
     <view class="chapter-cover">
-        <image class="cover-img" src="/static/images/chapter1/cover2.png" mode=""></image>
+        <image class="cover-img" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/cover2.png" mode=""></image>
         <view class="five-senses-content" @click="goFeel">
             <view class="box1"></view>
             <view class="senses-txt">
@@ -32,7 +32,7 @@
                 味觉
             </view>
         </view>
-        <image @click="goback" class="btn" src="/static/images/chapter1/abandon-btn.png" mode=""></image>
+        <image @click="goback" class="btn" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/abandon-btn.png" mode=""></image>
     </view>
     <MusicControl />
 	</view>
diff --git a/xxdf/chapter1/detail1.vue b/xxdf/chapter1/detail1.vue
index 0f8fa60..3dbd1ed 100644
--- a/xxdf/chapter1/detail1.vue
+++ b/xxdf/chapter1/detail1.vue
@@ -4,10 +4,10 @@
         <swiper-item>
             <view class="page-container home-page">
                 <template v-if="loadedPages[0]">
-                    <image v-show="shouldShowContent(0)" class="bg-image" src="/static/images/chapter1/feel.png" mode=""
+                    <image v-show="shouldShowContent(0)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/feel.png" mode=""
                            :lazy-load="true"></image>
                     <view v-show="shouldShowContent(0)" class="arrow-content">
-                        <image class="arrow-down" src="/static/arrow-icon-black.png" mode="" :lazy-load="true"></image>
+                        <image class="arrow-down" src="https://static.ticket.sz-trip.com/epicSoul/arrow-icon-black.png" mode="" :lazy-load="true"></image>
                     </view>
                 </template>
             </view>
@@ -16,13 +16,13 @@
         <swiper-item>
             <view class="page-container home-page">
                 <template v-if="loadedPages[1]">
-                    <image v-show="shouldShowContent(1)" class="bg-image" src="/static/images/chapter1/feel2.png"
+                    <image v-show="shouldShowContent(1)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/feel2.png"
                            mode="" :lazy-load="true"></image>
                     <view v-show="shouldShowContent(1)" :class="['animate-content', {'animate-visible': isVisible}]">
-                        <image class="feel2-img" src="/static/images/chapter1/feel2-img.png" mode="" :lazy-load="true">
+                        <image class="feel2-img" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/feel2-img.png" mode="" :lazy-load="true">
                         </image>
                     </view>
-                    <image v-show="shouldShowContent(1)" @click="goback" class="btn" src="/static/reselect-btn.png"
+                    <image v-show="shouldShowContent(1)" @click="goback" class="btn" src="https://static.ticket.sz-trip.com/epicSoul/reselect-btn.png"
                            mode="" :lazy-load="true"></image>
                 </template>
             </view>
diff --git a/xxdf/chapter1/detail2.vue b/xxdf/chapter1/detail2.vue
index a804da8..1d0c579 100644
--- a/xxdf/chapter1/detail2.vue
+++ b/xxdf/chapter1/detail2.vue
@@ -4,10 +4,10 @@
         <swiper-item>
             <view class="page-container home-page">
                 <template v-if="loadedPages[0]">
-                    <image v-show="shouldShowContent(0)" class="bg-image" src="/static/images/chapter1/vision.png"
+                    <image v-show="shouldShowContent(0)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/vision.png"
                            mode="" :lazy-load="true"></image>
                     <view v-show="shouldShowContent(0)" class="arrow-content">
-                        <image class="arrow-down" src="/static/arrow-icon-black.png" mode="" :lazy-load="true"></image>
+                        <image class="arrow-down" src="https://static.ticket.sz-trip.com/epicSoul/arrow-icon-black.png" mode="" :lazy-load="true"></image>
                     </view>
                 </template>
             </view>
@@ -16,13 +16,13 @@
         <swiper-item>
             <view class="page-container home-page">
                 <template v-if="loadedPages[1]">
-                    <image v-show="shouldShowContent(1)" class="bg-image" src="/static/images/chapter1/vision2.png"
+                    <image v-show="shouldShowContent(1)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/vision2.png"
                            mode="" :lazy-load="true"></image>
                     <view v-show="shouldShowContent(1)" :class="['animate-content', {'animate-visible': isVisible}]">
-                        <image class="feel2-img" src="/static/images/chapter1/vision2-img.png" mode=""
+                        <image class="feel2-img" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/vision2-img.png" mode=""
                                :lazy-load="true"></image>
                     </view>
-                    <image v-show="shouldShowContent(1)" @click="goback" class="btn" src="/static/reselect-btn.png"
+                    <image v-show="shouldShowContent(1)" @click="goback" class="btn" src="https://static.ticket.sz-trip.com/epicSoul/reselect-btn.png"
                            mode="" :lazy-load="true"></image>
                 </template>
             </view>
diff --git a/xxdf/chapter1/detail3.vue b/xxdf/chapter1/detail3.vue
index 23cc332..83db75f 100644
--- a/xxdf/chapter1/detail3.vue
+++ b/xxdf/chapter1/detail3.vue
@@ -6,9 +6,9 @@
         <swiper-item>
             <view class="page-container home-page">
                 <template v-if="loadedPages[0]">
-                    <image v-show="shouldShowContent(0)" class="bg-image" src="/static/images/chapter1/hearing.png" mode="" :lazy-load="true"></image>
+                    <image v-show="shouldShowContent(0)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/hearing.png" mode="" :lazy-load="true"></image>
                     <view v-show="shouldShowContent(0)" class="arrow-content">
-                        <image class="arrow-down" src="/static/arrow-icon-black.png" mode="" :lazy-load="true"></image>
+                        <image class="arrow-down" src="https://static.ticket.sz-trip.com/epicSoul/arrow-icon-black.png" mode="" :lazy-load="true"></image>
                     </view>
                 </template>
             </view>
@@ -17,11 +17,11 @@
         <swiper-item>
             <view class="page-container home-page">
                 <template v-if="loadedPages[1]">
-                    <image v-show="shouldShowContent(1)" class="bg-image" src="/static/images/chapter1/hearing2.png" mode="" :lazy-load="true"></image>
+                    <image v-show="shouldShowContent(1)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/hearing2.png" mode="" :lazy-load="true"></image>
                     <view v-show="shouldShowContent(1)" :class="['animate-content', {'animate-visible': isVisible}]">
-                        <image class="feel2-img" src="/static/images/chapter1/hearing2-img.png" mode="" :lazy-load="true"></image>
+                        <image class="feel2-img" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/hearing2-img.png" mode="" :lazy-load="true"></image>
                     </view>
-                    <image v-show="shouldShowContent(1)" @click="goback" class="btn" src="/static/reselect-btn.png" mode="" :lazy-load="true"></image>
+                    <image v-show="shouldShowContent(1)" @click="goback" class="btn" src="https://static.ticket.sz-trip.com/epicSoul/reselect-btn.png" mode="" :lazy-load="true"></image>
                 </template>
             </view>
         </swiper-item>
diff --git a/xxdf/chapter1/detail4.vue b/xxdf/chapter1/detail4.vue
index d9153bf..b8ac58e 100644
--- a/xxdf/chapter1/detail4.vue
+++ b/xxdf/chapter1/detail4.vue
@@ -6,9 +6,9 @@
         <swiper-item>
             <view class="page-container home-page">
                 <template v-if="loadedPages[0]">
-                    <image v-show="shouldShowContent(0)" class="bg-image" src="/static/images/chapter1/olfactory.png" mode="" :lazy-load="true"></image>
+                    <image v-show="shouldShowContent(0)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/olfactory.png" mode="" :lazy-load="true"></image>
                     <view v-show="shouldShowContent(0)" class="arrow-content">
-                        <image class="arrow-down" src="/static/arrow-icon-black.png" mode="" :lazy-load="true"></image>
+                        <image class="arrow-down" src="https://static.ticket.sz-trip.com/epicSoul/arrow-icon-black.png" mode="" :lazy-load="true"></image>
                     </view>
                 </template>
             </view>
@@ -17,9 +17,9 @@
         <swiper-item>
             <view class="page-container home-page">
                 <template v-if="loadedPages[1]">
-                    <image v-show="shouldShowContent(1)" class="bg-image" src="/static/images/chapter1/olfactory2.png" mode="" :lazy-load="true"></image>
+                    <image v-show="shouldShowContent(1)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/olfactory2.png" mode="" :lazy-load="true"></image>
                     <view v-show="shouldShowContent(1)" :class="['animate-content', {'animate-visible': isVisible}]">
-                        <image class="feel2-img" src="/static/images/chapter1/olfactory2-img.png" mode="" :lazy-load="true"></image>
+                        <image class="feel2-img" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/olfactory2-img.png" mode="" :lazy-load="true"></image>
                     </view>
                 </template>
             </view>
@@ -28,9 +28,9 @@
         <swiper-item>
             <view class="page-container home-page">
                 <template v-if="loadedPages[2]">
-                    <image v-show="shouldShowContent(2)" class="bg-image" src="/static/images/chapter1/olfactory4.png" mode="" :lazy-load="true"></image>
+                    <image v-show="shouldShowContent(2)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/olfactory4.png" mode="" :lazy-load="true"></image>
                     <view v-show="shouldShowContent(2)" :class="['animate-content2', {'animate-visible': isVisible2}]">
-                        <image class="feel4-img" src="/static/images/chapter1/olfactory4-img.png" mode="" :lazy-load="true"></image>
+                        <image class="feel4-img" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/olfactory4-img.png" mode="" :lazy-load="true"></image>
                     </view>
                 </template>
             </view>
@@ -39,9 +39,9 @@
         <swiper-item>
             <view class="page-container home-page">
                 <template v-if="loadedPages[3]">
-                    <image v-show="shouldShowContent(3)" class="bg-image" src="/static/images/chapter1/olfactory3.png" mode="" :lazy-load="true"></image>
-                    <image v-show="shouldShowContent(3)" class="feel3-img" src="/static/images/chapter1/olfactory3-img.png" mode="" :lazy-load="true"></image>
-                    <image v-show="shouldShowContent(3)" @click="goback" class="btn" src="/static/seek-btn.png" mode="" :lazy-load="true"></image>
+                    <image v-show="shouldShowContent(3)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/olfactory3.png" mode="" :lazy-load="true"></image>
+                    <image v-show="shouldShowContent(3)" class="feel3-img" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/olfactory3-img.png" mode="" :lazy-load="true"></image>
+                    <image v-show="shouldShowContent(3)" @click="goback" class="btn" src="https://static.ticket.sz-trip.com/epicSoul/seek-btn.png" mode="" :lazy-load="true"></image>
                 </template>
             </view>
         </swiper-item>
diff --git a/xxdf/chapter1/detail5.vue b/xxdf/chapter1/detail5.vue
index 7d8ea09..34aedfb 100644
--- a/xxdf/chapter1/detail5.vue
+++ b/xxdf/chapter1/detail5.vue
@@ -6,9 +6,9 @@
         <swiper-item>
             <view class="page-container home-page">
                 <template v-if="loadedPages[0]">
-                    <image v-show="shouldShowContent(0)" class="bg-image" src="/static/images/chapter1/gustation.png" mode="" :lazy-load="true"></image>
+                    <image v-show="shouldShowContent(0)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/gustation.png" mode="" :lazy-load="true"></image>
                     <view v-show="shouldShowContent(0)" class="arrow-content">
-                        <image class="arrow-down" src="/static/arrow-icon-black.png" mode="" :lazy-load="true"></image>
+                        <image class="arrow-down" src="https://static.ticket.sz-trip.com/epicSoul/arrow-icon-black.png" mode="" :lazy-load="true"></image>
                     </view>
                 </template>
             </view>
@@ -17,11 +17,11 @@
         <swiper-item>
             <view class="page-container home-page">
                 <template v-if="loadedPages[1]">
-                    <image v-show="shouldShowContent(1)" class="bg-image" src="/static/images/chapter1/gustation2.png" mode="" :lazy-load="true"></image>
+                    <image v-show="shouldShowContent(1)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/gustation2.png" mode="" :lazy-load="true"></image>
                     <view v-show="shouldShowContent(1)" :class="['animate-content', {'animate-visible': isVisible}]">
-                        <image class="feel2-img" src="/static/images/chapter1/gustation2-img.png" mode="" :lazy-load="true"></image>
+                        <image class="feel2-img" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/gustation2-img.png" mode="" :lazy-load="true"></image>
                     </view>
-                    <image v-show="shouldShowContent(1)" @click="goback" class="btn" src="/static/reselect-btn.png" mode="" :lazy-load="true"></image>
+                    <image v-show="shouldShowContent(1)" @click="goback" class="btn" src="https://static.ticket.sz-trip.com/epicSoul/reselect-btn.png" mode="" :lazy-load="true"></image>
                 </template>
             </view>
         </swiper-item>
diff --git a/xxdf/chapter2/cover.vue b/xxdf/chapter2/cover.vue
index bf793bb..2dda5e2 100644
--- a/xxdf/chapter2/cover.vue
+++ b/xxdf/chapter2/cover.vue
@@ -7,7 +7,7 @@
     <swiper-item>
       <view class="page-container home-page">
         <template v-if="loadedPages[0]">
-          <image v-show="shouldShowContent(0)" class="bg-image" src="/static/images/chapter2/cover2.png" mode="" :lazy-load="true"></image>
+          <image v-show="shouldShowContent(0)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter2/cover2.png" mode="" :lazy-load="true"></image>
         </template>
       </view>
     </swiper-item>
@@ -16,7 +16,7 @@
     <swiper-item>
       <view class="page-container home-page">
         <template v-if="loadedPages[1]">
-          <image v-show="shouldShowContent(1)" class="bg-image" src="/static/images/chapter2/cover3.png" mode="" :lazy-load="true"></image>
+          <image v-show="shouldShowContent(1)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter2/cover3.png" mode="" :lazy-load="true"></image>
         </template>
       </view>
     </swiper-item>
@@ -25,7 +25,7 @@
     <swiper-item>
       <view class="page-container home-page">
         <template v-if="loadedPages[2]">
-          <image v-show="shouldShowContent(2)" class="bg-image" src="/static/images/chapter2/cover4.png" mode="" :lazy-load="true"></image>
+          <image v-show="shouldShowContent(2)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter2/cover4.png" mode="" :lazy-load="true"></image>
         </template>
       </view>
     </swiper-item>
@@ -39,7 +39,7 @@
           <swiper-item>
             <view class="page-container home-page">
               <template v-if="loadedNestedPages[0]">
-                <image v-show="shouldShowNestedContent(0)" class="bg-image" src="/static/images/chapter2/cover5.png" mode="" :lazy-load="true"></image>
+                <image v-show="shouldShowNestedContent(0)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter2/cover5.png" mode="" :lazy-load="true"></image>
               </template>
             </view>
           </swiper-item>
@@ -48,7 +48,7 @@
           <swiper-item>
             <view class="page-container home-page">
               <template v-if="loadedNestedPages[1]">
-                <image v-show="shouldShowNestedContent(1)" class="bg-image" src="/static/images/chapter2/cover6.png" mode="" :lazy-load="true"></image>
+                <image v-show="shouldShowNestedContent(1)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter2/cover6.png" mode="" :lazy-load="true"></image>
               </template>
             </view>
           </swiper-item>
@@ -57,8 +57,8 @@
           <swiper-item>
             <view class="page-container home-page">
               <template v-if="loadedNestedPages[2]">
-                <image v-show="shouldShowNestedContent(2)" class="bg-image" src="/static/images/chapter2/cover7.png" mode="" :lazy-load="true"></image>
-                <image v-show="shouldShowNestedContent(2)" @click="goback" class="btn" src="/static/seek-btn.png" mode="" :lazy-load="true"></image>
+                <image v-show="shouldShowNestedContent(2)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter2/cover7.png" mode="" :lazy-load="true"></image>
+                <image v-show="shouldShowNestedContent(2)" @click="goback" class="btn" src="https://static.ticket.sz-trip.com/epicSoul/seek-btn.png" mode="" :lazy-load="true"></image>
               </template>
             </view>
           </swiper-item>
diff --git a/xxdf/chapter3/cover.vue b/xxdf/chapter3/cover.vue
index a4fcfe2..e81bf52 100644
--- a/xxdf/chapter3/cover.vue
+++ b/xxdf/chapter3/cover.vue
@@ -8,21 +8,21 @@
                 <!-- 嵌套swiper的第一个item（封面页） -->
                 <swiper-item>
                     <view class="page-container home-page">
-                        <image class="bg-image" :src="'/static/images/chapter3/cover' + (outerIndex+2) + '.png'" mode="" :lazy-load="true"></image>
-                        <image class="cover-txt" :class="{'cover-txt2': outerIndex > 0}" :src="'/static/images/chapter3/cover' + (outerIndex+2) + '-txt.png'" mode="" :lazy-load="true"></image>
-                        <image class="btn" src="/static/seek2-btn.png" mode="" :lazy-load="true"></image>
+                        <image class="bg-image" :src="'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/cover' + (outerIndex+2) + '.png'" mode="" :lazy-load="true"></image>
+                        <image class="cover-txt" :class="{'cover-txt2': outerIndex > 0}" :src="'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/cover' + (outerIndex+2) + '-txt.png'" mode="" :lazy-load="true"></image>
+                        <image class="btn" src="https://static.ticket.sz-trip.com/epicSoul/seek2-btn.png" mode="" :lazy-load="true"></image>
                     </view>
                 </swiper-item>
                 <!-- 嵌套swiper的第二个item-->
                 <swiper-item>
                     <view class="page-container home-page">
                         <view class="gif-container">
-                            <image v-if="shouldLoadContent(outerIndex)" class="gif-style" :src="'/static/3-' + (outerIndex+1) + '-2.gif'" mode="aspectFill" :lazy-load="true"></image>
+                            <image v-if="shouldLoadContent(outerIndex)" class="gif-style" :src="'https://static.ticket.sz-trip.com/epicSoul/3-' + (outerIndex+1) + '-2.gif'" mode="aspectFill" :lazy-load="true"></image>
                         </view>
 
-                        <image class="bg-image" :src="'/static/images/chapter3/cover' + (outerIndex+2) + '-1.png'" mode="" :lazy-load="true"></image>
+                        <image class="bg-image" :src="'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/cover' + (outerIndex+2) + '-1.png'" mode="" :lazy-load="true"></image>
                         <view class="qrcode-content">
-                            <image class="qrCode" src="/static/qrcode.png" mode="" :lazy-load="true"></image>
+                            <image class="qrCode" src="https://static.ticket.sz-trip.com/epicSoul/qrcode.png" mode="" :lazy-load="true"></image>
                             <view class="code-txt">
                                 扫码下单
                             </view>
@@ -33,8 +33,8 @@
         </swiper-item>
         <swiper-item>
             <view class="page-container home-page">
-                <image class="bg-image" src="/static/images/chapter3/cover9.png" mode="" :lazy-load="true"></image>
-                <image @click="goRandomImage" class="cover-txt9" src="/static/images/chapter3/cover9-txt.png" mode="" :lazy-load="true"></image>
+                <image class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter3/cover9.png" mode="" :lazy-load="true"></image>
+                <image @click="goRandomImage" class="cover-txt9" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter3/cover9-txt.png" mode="" :lazy-load="true"></image>
             </view>
         </swiper-item>
     </swiper>
@@ -92,43 +92,43 @@ export default {
             const imageArray = [
                 {
                     id: 1,
-                    image: '/static/images/chapter3/random/image1.png',
+                    image: 'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/random/image1.png',
                     name: '雏菊',
                     desc: '宋 丛菊图页'
                 },
                 {
                     id: 2,
-                    image: '/static/images/chapter3/random/image2.png',
+                    image: 'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/random/image2.png',
                     name: '杜鹃',
                     desc: '清 恽寿平 花卉十开 杜鹃'
                 },
                 {
                     id: 3,
-                    image: '/static/images/chapter3/random/image3.png',
+                    image: 'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/random/image3.png',
                     name: '金桂',
                     desc: '清 蒋延锡 桂花图 局部 台北故宫博物馆院藏'
                 },
                 {
                     id: 4,
-                    image: '/static/images/chapter3/random/image4.png',
+                    image: 'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/random/image4.png',
                     name: '绿梅',
                     desc: '北宋 赵佶 梅花秀眼图页 北京故宫博物院藏'
                 },
                 {
                     id: 5,
-                    image: '/static/images/chapter3/random/image5.png',
+                    image: 'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/random/image5.png',
                     name: '墨兰',
                     desc: '宋 秋兰绽蕊图'
                 },
                 {
                     id: 6,
-                    image: '/static/images/chapter3/random/image6.png',
+                    image: 'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/random/image6.png',
                     name: '茉莉',
                     desc: '宋 茉莉花图页'
                 },
                 {
                     id: 7,
-                    image: '/static/images/chapter3/random/image7.png',
+                    image: 'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/random/image7.png',
                     name: '青莲',
                     desc: '宋 出水芙蓉图页'
                 },
diff --git a/xxdf/chapter3/randomImage.vue b/xxdf/chapter3/randomImage.vue
index 2f6b248..e79e97c 100644
--- a/xxdf/chapter3/randomImage.vue
+++ b/xxdf/chapter3/randomImage.vue
@@ -1,8 +1,8 @@
 <template>
     <view class="random-image-container">
         <RandomImage :images="randomImages" ref="randomImageRef" />
-        <image @click="goBack" class="back-icon" src="/static/back.png" mode=""></image>
-        <image class="save-icon" src="/static/save-btn.png" mode=""></image>
+        <image @click="goBack" class="back-icon" src="https://static.ticket.sz-trip.com/epicSoul/back.png" mode=""></image>
+        <image class="save-icon" src="https://static.ticket.sz-trip.com/epicSoul/save-btn.png" mode=""></image>
     </view>
 </template>
 
@@ -34,13 +34,13 @@ export default {
         } else {
             // 使用默认图片数组
             this.randomImages = [
-                '/static/images/chapter3/random/image1.png',
-                '/static/images/chapter3/random/image2.png',
-                '/static/images/chapter3/random/image3.png',
-                '/static/images/chapter3/random/image4.png',
-                '/static/images/chapter3/random/image5.png',
-                '/static/images/chapter3/random/image6.png',
-                '/static/images/chapter3/random/image7.png'
+                'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/random/image1.png',
+                'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/random/image2.png',
+                'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/random/image3.png',
+                'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/random/image4.png',
+                'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/random/image5.png',
+                'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/random/image6.png',
+                'https://static.ticket.sz-trip.com/epicSoul/images/chapter3/random/image7.png'
             ];
         }
 
diff --git a/xxdf/chapter4/cover.vue b/xxdf/chapter4/cover.vue
index 6078af7..8d53499 100644
--- a/xxdf/chapter4/cover.vue
+++ b/xxdf/chapter4/cover.vue
@@ -1,880 +1,781 @@
 <template>
-	<swiper class="main-swiper" :vertical="true" :current="currentIndex" @change="handleSwiperChange" :duration="300">
-		<swiper-item v-for="(_, outerIndex) in 7" :key="outerIndex">
-			<view class="page-container home-page">
-				<template v-if="loadedPages[outerIndex]">
-					<image v-show="shouldShowContent(outerIndex)" class="bg-image"
-						:src="`/static/images/chapter4/detail${outerIndex+1}/cover-bg.png`" mode="" :lazy-load="true">
-					</image>
-
-					<view v-show="shouldShowContent(outerIndex)" class="content-layer">
-						<swiper class="image-swiper" circular :indicator-dots="false"
-							@change="(e) => handleImageSwiperChange(e, outerIndex)" :autoplay="false"
-							:current="innerSwiperIndices[outerIndex]" :key="`inner-swiper-${outerIndex}`">
-							<swiper-item v-for="index in 7" :key="index">
-								<view class="swiper-item-container">
-									<view class="image-wrapper" :class="{'selected-image': selectedImages[outerIndex] === index-1 && userSelected[outerIndex],
-										 'image-wrapper-full': [0, 3, 5, 6].includes(outerIndex),
-										'image-wrapper-compact': [1, 2, 4].includes(outerIndex)
-										}" @click="selectImage(outerIndex, index-1)">
-										<image
-											:src="`/static/images/chapter4/detail${outerIndex+1}/swiper-img${index}.png`"
-											class="swiper-image" mode="aspectFit" :lazy-load="true" />
-									</view>
-								</view>
-							</swiper-item>
-						</swiper>
-
-						<!-- 自定义指示器 -->
-						<view class="indicator-container">
-							<view v-for="index in 7" :key="index" class="indicator-dot"
-								:class="{ 'active': innerSwiperIndices[outerIndex] === index - 1 }"
-								@click="() => changeSlide(index - 1, outerIndex)"></view>
-						</view>
-					</view>
-
-					<view v-show="shouldShowContent(outerIndex)" class="content-layer2">
-						<!-- 点击确认找一找相似度 按钮 -->
-						<image @click="findSimilarity(outerIndex)" class="find-btn" src="/static/find-btn.png"
-							:lazy-load="true" mode=""></image>
-						<view class="problem-description">
-							<view class="proportion-txt" :class="{
-                'proportion-txt-position': outerIndex === 0,
-                'proportion-txt-position2': outerIndex === 1,
-                'proportion-txt-position3': outerIndex === 2,
-                'proportion-txt-position4': outerIndex === 3,
-                'proportion-txt-position5': outerIndex === 4,
-                'proportion-txt-position6': outerIndex === 5,
-                'proportion-txt-position7': outerIndex === 6
-              }">
-								{{ percentages[outerIndex]}}
-							</view>
-							<image class="description-txt"
-								:class="{'description-txt6': outerIndex === 5,'description-txt7': outerIndex === 6}"
-								:src="`/static/images/chapter4/detail${outerIndex+1}/cover-txt.png`" :lazy-load="true"
-								mode=""></image>
-						</view>
-					</view>
-
-					<view v-show="shouldShowContent(outerIndex)" class="arrow-content">
-						<image class="arrow-down" src="/static/arrow-icon-black.png" :lazy-load="true" mode=""></image>
-					</view>
-				</template>
-			</view>
-		</swiper-item>
-
-		<swiper-item>
-			<view class="page-container home-page">
-				<template v-if="loadedPages[7]">
-					<image v-show="shouldShowContent(7)" class="bg-image"
-						src="/static/images/chapter4/harvestReport/cover-bg.png" :lazy-load="true" mode=""></image>
-					<view v-show="shouldShowContent(7)" class="harvestReport-layer">
-						<view class="grid-cover img-shadow">
-							<image class="grid-cover-bg" src="/static/images/chapter4/harvestReport/cover-grid.png"
-								:lazy-load="true" mode=""></image>
-							<view class="report-text-overlay" v-if="canAccessFinalReport">
-								<view class="report-title">您的气味收获</view>
-								<view class="report-content">
-									<view v-for="(item, index) in selectedResults" :key="index" class="result-item">
-										{{ item }}
-									</view>
-								</view>
-							</view>
-						</view>
-
-						<image @click="ShareMoments" class="chapter4-btn" src="/static/images/chapter4/share-img.png"
-							:lazy-load="true" mode=""></image>
-					</view>
-					<image @click="goBack" class="back-icon" src="/static/back.png" mode=""></image>
-				</template>
-			</view>
-		</swiper-item>
-	</swiper>
-	<MusicControl />
-	<ShareGuide v-model="showShareGuide" :text="['点击右上角...', '选择分享到朋友圈']" @close="onShareGuideClose" />
+	<view>
+    <swiper class="main-swiper" :vertical="true" :current="currentIndex" @change="handleSwiperChange" :duration="300">
+        <swiper-item v-for="(_, outerIndex) in 7" :key="outerIndex">
+            <view class="page-container home-page">
+                <template v-if="loadedPages[outerIndex]">
+                    <image v-show="shouldShowContent(outerIndex)" class="bg-image"
+                        :src="`https://static.ticket.sz-trip.com/epicSoul/images/chapter4/detail${outerIndex+1}/cover-bg.png`" mode="" :lazy-load="true">
+                    </image>
+
+                    <view v-show="shouldShowContent(outerIndex)" class="content-layer">
+                        <swiper class="image-swiper" circular :indicator-dots="false"
+                            @change="(e) => handleImageSwiperChange(e, outerIndex)" :autoplay="false"
+                            :current="innerSwiperIndices[outerIndex]" :key="`inner-swiper-${outerIndex}`">
+                            <swiper-item v-for="index in 7" :key="index">
+                                <view class="swiper-item-container">
+                                    <view class="image-wrapper" :class="{'selected-image': selectedImages[outerIndex] === index-1 && userSelected[outerIndex],
+                                            'image-wrapper-full': [0, 3, 5, 6].includes(outerIndex),
+                                            'image-wrapper-compact': [1, 2, 4].includes(outerIndex)
+                                        }" @click="selectImage(outerIndex, index-1)">
+                                        <image
+                                            :src="`https://static.ticket.sz-trip.com/epicSoul/images/chapter4/detail${outerIndex+1}/swiper-img${index}.png`"
+                                            class="swiper-image" mode="aspectFit" :lazy-load="true" />
+                                    </view>
+                                </view>
+                            </swiper-item>
+                        </swiper>
+
+                        <!-- 自定义指示器 -->
+                        <view class="indicator-container">
+                            <view v-for="index in 7" :key="index" class="indicator-dot"
+                                :class="{ 'active': innerSwiperIndices[outerIndex] === index - 1 }"
+                                @click="() => changeSlide(index - 1, outerIndex)"></view>
+                        </view>
+                    </view>
+
+                    <view v-show="shouldShowContent(outerIndex)" class="content-layer2">
+                        <!-- 点击确认找一找相似度 按钮 -->
+                        <image @click="findSimilarity(outerIndex)" class="find-btn" src="https://static.ticket.sz-trip.com/epicSoul/find-btn.png"
+                            :lazy-load="true" mode=""></image>
+                        <view class="problem-description">
+                            <view class="proportion-txt" :class="{
+                                'proportion-txt-position': outerIndex === 0,
+                                'proportion-txt-position2': outerIndex === 1,
+                                'proportion-txt-position3': outerIndex === 2,
+                                'proportion-txt-position4': outerIndex === 3,
+                                'proportion-txt-position5': outerIndex === 4,
+                                'proportion-txt-position6': outerIndex === 5,
+                                'proportion-txt-position7': outerIndex === 6
+                            }">
+                                {{ percentages[outerIndex]}}
+                            </view>
+                            <image class="description-txt"
+                                :class="{'description-txt6': outerIndex === 5,'description-txt7': outerIndex === 6}"
+                                :src="`https://static.ticket.sz-trip.com/epicSoul/images/chapter4/detail${outerIndex+1}/cover-txt.png`" :lazy-load="true"
+                                mode=""></image>
+                        </view>
+                    </view>
+
+                    <view v-show="shouldShowContent(outerIndex)" class="arrow-content">
+                        <image class="arrow-down" src="https://static.ticket.sz-trip.com/epicSoul/arrow-icon-black.png" :lazy-load="true" mode=""></image>
+                    </view>
+                </template>
+            </view>
+        </swiper-item>
+
+        <swiper-item>
+            <view class="page-container home-page">
+                <template v-if="loadedPages[7]">
+                    <image v-show="shouldShowContent(7)" class="bg-image"
+                        src="https://static.ticket.sz-trip.com/epicSoul/images/chapter4/harvestReport/cover-bg.png" :lazy-load="true" mode=""></image>
+                    <view v-show="shouldShowContent(7)" class="harvestReport-layer">
+                        <view class="grid-cover img-shadow">
+                            <image class="grid-cover-bg" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter4/harvestReport/cover-grid.png"
+                                :lazy-load="true" mode=""></image>
+                            <view class="report-text-overlay" v-if="canAccessFinalReport">
+                                <view class="report-title">您的气味收获</view>
+                                <view class="report-content">
+                                    <view v-for="(item, index) in selectedResults" :key="index" class="result-item">
+                                        {{ item }}
+                                    </view>
+                                </view>
+                            </view>
+                        </view>
+
+                        <image @click="ShareMoments" class="chapter4-btn" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter4/share-img.png"
+                            :lazy-load="true" mode=""></image>
+                    </view>
+                    <image @click="goBack" class="back-icon" src="https://static.ticket.sz-trip.com/epicSoul/back.png" mode=""></image>
+                </template>
+            </view>
+        </swiper-item>
+    </swiper>
+    <MusicControl />
+    <ShareGuide v-model="showShareGuide" :text="['点击右上角...', '选择分享到朋友圈']" @close="onShareGuideClose" />
+	</view>
 </template>
 
-<script setup>
-	import {
-		ref,
-		reactive,
-		computed,
-		onMounted,
-		watch
-	} from 'vue';
-
-	import {
-		onShow,
-		onHide,
-		onShareAppMessage,
-		onShareTimeline
-	} from '@dcloudio/uni-app';
-	import ShareGuide from '@/components/ShareGuide.vue';
-	// import {
-	// 	request
-	// } from '@/utils/request';
-	const showShareGuide = ref(false);
-	const currentIndex = ref(0);
-
-	// 为每个外部轮播项维护独立的内部轮播索引
-	const innerSwiperIndices = reactive({
-		0: 0,
-		1: 0,
-		2: 0,
-		3: 0,
-		4: 0,
-		5: 0,
-		6: 0,
-	});
-
-	// 记录每个模块的选中图片索引
-	const selectedImages = reactive({
-		0: null,
-		1: null,
-		2: null,
-		3: null,
-		4: null,
-		5: null,
-		6: null
-	});
-	//选择状态跟随
-	const userSelected = reactive({
-		0: false,
-		1: false,
-		2: false,
-		3: false,
-		4: false,
-		5: false,
-		6: false
-	});
-	// 存储每个模块的百分比数据
-	const percentages = reactive({
-		0: '',
-		1: '',
-		2: '',
-		3: '',
-		4: '',
-		5: '',
-		6: ''
-	});
-
-	// 记录哪些模块已经请求过数据
-	const requestedData = reactive({
-		0: false,
-		1: false,
-		2: false,
-		3: false,
-		4: false,
-		5: false,
-		6: false
-	});
-	//记录哪些模块已经完成了相似度计算
-	const similarityCompleted = reactive({
-		0: false,
-		1: false,
-		2: false,
-		3: false,
-		4: false,
-		5: false,
-		6: false
-	});
-	// 记录哪些页面已经加载过
-	const loadedPages = reactive({
-		0: false,
-		1: false,
-		2: false,
-		3: false,
-		4: false,
-		5: false,
-		6: false,
-		7: false
-	});
-
-	// 加载预缓冲区大小
-	const preloadBuffer = 1;
-
-	// 决定是否应该显示特定页面的内容
-	const shouldShowContent = (index) => {
-		return Math.abs(index - currentIndex.value) <= preloadBuffer;
-	};
-
-	// 选择图片
-	const selectImage = (moduleIndex, imageIndex) => {
-		// 更新选中状态
-		selectedImages[moduleIndex] = imageIndex;
-		// 标记为用户主动选择
-		userSelected[moduleIndex] = true;
-		// 同步更新swiper索引
-		innerSwiperIndices[moduleIndex] = imageIndex;
-
-		console.log(`选中模块${moduleIndex + 1}的图片${imageIndex + 1}`);
-	};
-
-	// 查找相似度
-	const findSimilarity = async (moduleIndex) => {
-		// 如果没有选中图片或没有明确选择，标记当前显示的为选中
-		if (selectedImages[moduleIndex] === null || !userSelected[moduleIndex]) {
-			selectedImages[moduleIndex] = innerSwiperIndices[moduleIndex];
-			userSelected[moduleIndex] = true;
-
-			uni.showToast({
-				title: '已选择当前图片',
-				icon: 'none'
-			});
-		}
-		fetchSimilarityData(moduleIndex);
-	};
-	const fetchSimilarityData = async (moduleIndex) => {
-		uni.showLoading({
-			title: '计算相似度中...'
-		});
-
-		try {
-			const imageIndex = selectedImages[moduleIndex];
-
-			// 调用API获取百分比数据
-			const result = await fetchPercentage(moduleIndex + 1, imageIndex + 1);
-
-			// 更新百分比显示
-			percentages[moduleIndex] = result.percentage;
-
-			// 标记该模块已完成相似度计算
-			similarityCompleted[moduleIndex] = true;
-
-			// 标记该模块已请求过数据
-			requestedData[moduleIndex] = true;
-
-			uni.hideLoading();
-
-			uni.showToast({
-				title: '计算完成',
-				icon: 'success'
-			});
-		} catch (error) {
-			console.error('获取相似度失败:', error);
-			uni.hideLoading();
-			uni.showToast({
-				title: '获取数据失败',
-				icon: 'none'
-			});
-		}
-	};
-	// 接口请求函数
-	const fetchPercentage = async (moduleId, imageId) => {
-		try {
-			// 模拟API请求
-			// const res = await request({
-			//   url: '/api/similarity',
-			//   method: 'POST',
-			//   data: {
-			//     moduleId,
-			//     imageId
-			//   }
-			// });
-
-			// 模拟API响应
-			return new Promise((resolve) => {
-				setTimeout(() => {
-					// 生成随机百分比，实际项目中应该使用API返回的数据
-					const percentage = Math.floor(Math.random() * 41) + 60 + '%';
-					resolve({
-						success: true,
-						percentage,
-						moduleId,
-						imageId
-					});
-				}, 800);
-			});
-		} catch (error) {
-			console.error('API请求失败:', error);
-			throw error;
-		}
-	};
-
-	// 分享到朋友圈
-	const ShareMoments = () => {
-		uni.showShareMenu({
-			withShareTicket: true,
-			menus: ['shareAppMessage', 'shareTimeline']
-		});
-
-		showShareGuide.value = true;
-	};
-
-	const onShareGuideClose = () => {
-		console.log('分享引导已关闭');
-	};
-
-	const goBack = () => {
-		// 添加防抖
-		if (goBack.isNavigating) return;
-		goBack.isNavigating = true;
-
-		const app = getApp();
-		app.globalData.mainSliderIndex = 5;
-		uni.redirectTo({
-			url: '/pages/home/home',
-			complete: () => {
-				// 延迟重置防抖标记
-				setTimeout(() => {
-					goBack.isNavigating = false;
-				}, 500);
-			}
-		});
-	};
-	goBack.isNavigating = false;
-
-	// 监听currentIndex变化，更新已加载页面状态
-	watch(currentIndex, (newIndex) => {
-		// 标记当前页面和前后buffer页为已加载
-		for (let i = Math.max(0, newIndex - preloadBuffer); i <= Math.min(7, newIndex + preloadBuffer); i++) {
-			loadedPages[i] = true;
-		}
-	}, {
-		immediate: true
-	});
-
-	const handleSwiperChange = (e) => {
-		const newIndex = e.detail.current;
-		if (newIndex === 7) {
-			// 检查是否所有模块都完成了相似度计算
-			if (!canAccessFinalReport.value) {
-				// 找到第一个未完成相似度计算的模块
-				let firstIncompleteIndex = 0;
-				for (let i = 0; i < 7; i++) {
-					if (!similarityCompleted[i]) {
-						firstIncompleteIndex = i;
-						break;
-					}
-				}
-
-				// 显示提示
-				uni.showToast({
-					title: `${moduleTips[firstIncompleteIndex]}并点击确认按钮`,
-					icon: 'none',
-					duration: 2500
-				});
-
-				// 跳转到未完成的模块
-				setTimeout(() => {
-					currentIndex.value = firstIncompleteIndex;
-				}, 1000);
-
-				return;
-			}
-		}
-
-		// 正常情况下更新索引
-		currentIndex.value = newIndex;
-	};
-
-	const handleImageSwiperChange = (e, outerIndex) => {
-		// 只更新内层swiper索引，不更新选中状态
-		innerSwiperIndices[outerIndex] = e.detail.current;
-
-		// 如果没有明确选择过，则选中状态也跟随更新
-		// 如果之前已经选择过，则保持用户的选择
-		if (!userSelected[outerIndex]) {
-			selectedImages[outerIndex] = e.detail.current;
-		}
-	};
-
-	const changeSlide = (index, outerIndex) => {
-		innerSwiperIndices[outerIndex] = index;
-		// 更新选中状态并标记为用户选择
-		selectedImages[outerIndex] = index;
-		userSelected[outerIndex] = true;
-	};
-
-	const getCurrentInnerIndex = (outerIndex) => {
-		return innerSwiperIndices[outerIndex || currentIndex.value];
-	};
-	// 检查是否可以访问最终报告页
-	const canAccessFinalReport = computed(() => {
-		// 检查所有模块是否都已选择
-		f
-		for (let i = 0; i < 7; i++) {
-			if (!similarityCompleted[i]) {
-				return false;
-			}
-		}
-		return true;
-	});
-	// 模块提示文本
-	const moduleTips = [
-		'请选择最有味道的歌曲',
-		'请选择最有味道的人物',
-		'请选择最有味道的食物',
-		'请选择最有味道的句子',
-		'请选择最有味道的风景',
-		'请选择最有味道的动漫',
-		'请选择最有味道的情感'
-	];
-	const flavorTexts = {
-		// 歌曲文案
-		0: [
-			"音符在舌尖跳跃，这首歌如同陈年佳酿",
-		],
-		// 人物文案
-		1: [
-			"如墨般浓郁的性格，似茶般清冽的灵魂",
-		],
-		// 食物文案
-		2: [
-			"舌尖上的东方，是一场穿越时空的对话",
-		],
-		// 句子文案
-		3: [
-			"文字如酒，越品越醇，越读越深",
-		],
-		// 风景文案
-		4: [
-			"山水间藏着天地的密语，云雾里是岁月的轻叹",
-		],
-		// 动漫文案
-		5: [
-			"二次元中的东方灵魂，是跨越文化的共鸣",
-		],
-		// 情感文案
-		6: [
-			"情感如茶，或浓或淡，皆有韵味",
-		]
-	};
-
-	// 获取风味百分比描述
-	const getFlavorDescription = (percentage) => {
-		const value = parseInt(percentage);
-		return;
-	};
-
-	// 修改后的selectedResults方法
-	const selectedResults = computed(() => {
-		const results = [];
-
-		for (let i = 0; i < 7; i++) {
-			if (userSelected[i]) {
-				// 从对应模块的文案库中随机选择一条
-				const textOptions = flavorTexts[i];
-				const randomIndex = Math.floor(Math.random() * textOptions.length);
-				const text = textOptions[randomIndex];
-				results.push(`${text}`);
-			}
-		}
-
-		return results;
-	});
-	// 页面加载完成后预加载第一页
-	onMounted(() => {
-		// 设置当前页为0，确保第一页和相邻页面的内容被加载
-		currentIndex.value = 0;
-
-		// 初始化标记第一页和相邻页为已加载
-		for (let i = 0; i <= Math.min(preloadBuffer, 7); i++) {
-			loadedPages[i] = true;
-		}
-	});
-
-	// 微信分享配置
-	// #ifdef MP-WEIXIN
-	onShareAppMessage(() => {
-		return {
-			title: '细嗅东方｜「Epic Soul」阅读体 issue02',
-			mpId: 'wx8954209bb3ad489e',
-			path: '/pages/chapter4/cover',
-			imageUrl: '/static/share-img.jpg'
-		}
-	});
-
-	onShareTimeline(() => {
-		return {
-			title: '细嗅东方｜「Epic Soul」阅读体 issue02',
-			query: '',
-			imageUrl: '/static/share-img.jpg'
-		}
-	});
-	// #endif
+<script>
+import ShareGuide from '@/components/ShareGuide.vue';
+
+export default {
+    components: {
+        ShareGuide
+    },
+    data() {
+        return {
+            showShareGuide: false,
+            currentIndex: 0,
+            innerSwiperIndices: {
+                0: 0,
+                1: 0,
+                2: 0,
+                3: 0,
+                4: 0,
+                5: 0,
+                6: 0,
+            },
+            selectedImages: {
+                0: null,
+                1: null,
+                2: null,
+                3: null,
+                4: null,
+                5: null,
+                6: null
+            },
+            userSelected: {
+                0: false,
+                1: false,
+                2: false,
+                3: false,
+                4: false,
+                5: false,
+                6: false
+            },
+            percentages: {
+                0: '',
+                1: '',
+                2: '',
+                3: '',
+                4: '',
+                5: '',
+                6: ''
+            },
+            requestedData: {
+                0: false,
+                1: false,
+                2: false,
+                3: false,
+                4: false,
+                5: false,
+                6: false
+            },
+            similarityCompleted: {
+                0: false,
+                1: false,
+                2: false,
+                3: false,
+                4: false,
+                5: false,
+                6: false
+            },
+            loadedPages: {
+                0: false,
+                1: false,
+                2: false,
+                3: false,
+                4: false,
+                5: false,
+                6: false,
+                7: false
+            },
+            preloadBuffer: 1,
+            moduleTips: [
+                '请选择最有味道的歌曲',
+                '请选择最有味道的人物',
+                '请选择最有味道的食物',
+                '请选择最有味道的句子',
+                '请选择最有味道的风景',
+                '请选择最有味道的动漫',
+                '请选择最有味道的情感'
+            ],
+            flavorTexts: {
+                // 歌曲文案
+                0: [
+                    "音符在舌尖跳跃，这首歌如同陈年佳酿",
+                ],
+                // 人物文案
+                1: [
+                    "如墨般浓郁的性格，似茶般清冽的灵魂",
+                ],
+                // 食物文案
+                2: [
+                    "舌尖上的东方，是一场穿越时空的对话",
+                ],
+                // 句子文案
+                3: [
+                    "文字如酒，越品越醇，越读越深",
+                ],
+                // 风景文案
+                4: [
+                    "山水间藏着天地的密语，云雾里是岁月的轻叹",
+                ],
+                // 动漫文案
+                5: [
+                    "二次元中的东方灵魂，是跨越文化的共鸣",
+                ],
+                // 情感文案
+                6: [
+                    "情感如茶，或浓或淡，皆有韵味",
+                ]
+            }
+        };
+    },
+    computed: {
+        canAccessFinalReport() {
+            for (let i = 0; i < 7; i++) {
+                if (!this.similarityCompleted[i]) {
+                    return false;
+                }
+            }
+            return true;
+        },
+        selectedResults() {
+            const results = [];
+            for (let i = 0; i < 7; i++) {
+                if (this.userSelected[i]) {
+                    const textOptions = this.flavorTexts[i];
+                    const randomIndex = Math.floor(Math.random() * textOptions.length);
+                    const text = textOptions[randomIndex];
+                    results.push(`${text}`);
+                }
+            }
+            return results;
+        }
+    },
+    mounted() {
+        this.currentIndex = 0;
+        for (let i = 0; i <= Math.min(this.preloadBuffer, 7); i++) {
+            this.loadedPages[i] = true;
+        }
+    },
+    watch: {
+        currentIndex(newIndex) {
+            for (let i = Math.max(0, newIndex - this.preloadBuffer); i <= Math.min(7, newIndex + this.preloadBuffer); i++) {
+                this.loadedPages[i] = true;
+            }
+        }
+    },
+    methods: {
+        shouldShowContent(index) {
+            return Math.abs(index - this.currentIndex) <= this.preloadBuffer;
+        },
+        selectImage(moduleIndex, imageIndex) {
+            this.selectedImages[moduleIndex] = imageIndex;
+            this.userSelected[moduleIndex] = true;
+            this.innerSwiperIndices[moduleIndex] = imageIndex;
+            console.log(`选中模块${moduleIndex + 1}的图片${imageIndex + 1}`);
+        },
+        findSimilarity(moduleIndex) {
+            if (this.selectedImages[moduleIndex] === null || !this.userSelected[moduleIndex]) {
+                this.selectedImages[moduleIndex] = this.innerSwiperIndices[moduleIndex];
+                this.userSelected[moduleIndex] = true;
+                uni.showToast({
+                    title: '已选择当前图片',
+                    icon: 'none'
+                });
+            }
+            this.fetchSimilarityData(moduleIndex);
+        },
+        async fetchSimilarityData(moduleIndex) {
+            uni.showLoading({
+                title: '计算相似度中...'
+            });
+            try {
+                const imageIndex = this.selectedImages[moduleIndex];
+                const result = await this.fetchPercentage(moduleIndex + 1, imageIndex + 1);
+                this.percentages[moduleIndex] = result.percentage;
+                this.similarityCompleted[moduleIndex] = true;
+                this.requestedData[moduleIndex] = true;
+                uni.hideLoading();
+                uni.showToast({
+                    title: '计算完成',
+                    icon: 'success'
+                });
+            } catch (error) {
+                console.error('获取相似度失败:', error);
+                uni.hideLoading();
+                uni.showToast({
+                    title: '获取数据失败',
+                    icon: 'none'
+                });
+            }
+        },
+        async fetchPercentage(moduleId, imageId) {
+            try {
+                return new Promise((resolve) => {
+                    setTimeout(() => {
+                        const percentage = Math.floor(Math.random() * 41) + 60 + '%';
+                        resolve({
+                            success: true,
+                            percentage,
+                            moduleId,
+                            imageId
+                        });
+                    }, 800);
+                });
+            } catch (error) {
+                console.error('API请求失败:', error);
+                throw error;
+            }
+        },
+        ShareMoments() {
+            uni.showShareMenu({
+                withShareTicket: true,
+                menus: ['shareAppMessage', 'shareTimeline']
+            });
+            this.showShareGuide = true;
+        },
+        onShareGuideClose() {
+            console.log('分享引导已关闭');
+        },
+        goBack() {
+            if (this.goBack.isNavigating) return;
+            this.goBack.isNavigating = true;
+            const app = getApp();
+            app.globalData.mainSliderIndex = 5;
+            uni.redirectTo({
+                url: '/xxdf/home/home',
+                complete: () => {
+                    setTimeout(() => {
+                        this.goBack.isNavigating = false;
+                    }, 500);
+                }
+            });
+        },
+        handleSwiperChange(e) {
+            const newIndex = e.detail.current;
+            if (newIndex === 7) {
+                if (!this.canAccessFinalReport) {
+                    let firstIncompleteIndex = 0;
+                    for (let i = 0; i < 7; i++) {
+                        if (!this.similarityCompleted[i]) {
+                            firstIncompleteIndex = i;
+                            break;
+                        }
+                    }
+                    uni.showToast({
+                        title: `${this.moduleTips[firstIncompleteIndex]}并点击确认按钮`,
+                        icon: 'none',
+                        duration: 2500
+                    });
+                    setTimeout(() => {
+                        this.currentIndex = firstIncompleteIndex;
+                    }, 1000);
+                    return;
+                }
+            }
+            this.currentIndex = newIndex;
+        },
+        handleImageSwiperChange(e, outerIndex) {
+            this.innerSwiperIndices[outerIndex] = e.detail.current;
+            if (!this.userSelected[outerIndex]) {
+                this.selectedImages[outerIndex] = e.detail.current;
+            }
+        },
+        changeSlide(index, outerIndex) {
+            this.innerSwiperIndices[outerIndex] = index;
+            this.selectedImages[outerIndex] = index;
+            this.userSelected[outerIndex] = true;
+        },
+        getCurrentInnerIndex(outerIndex) {
+            return this.innerSwiperIndices[outerIndex || this.currentIndex];
+        },
+        getFlavorDescription(percentage) {
+            const value = parseInt(percentage);
+            return;
+        }
+    },
+    onShareAppMessage() {
+        return {
+            title: '细嗅东方｜「Epic Soul」阅读体 issue02',
+            mpId: 'wx8954209bb3ad489e',
+            path: '/xxdf/chapter4/cover',
+            imageUrl: 'https://static.ticket.sz-trip.com/epicSoul/share-img.jpg'
+        };
+    },
+    onShareTimeline() {
+        return {
+            title: '细嗅东方｜「Epic Soul」阅读体 issue02',
+            query: '',
+            imageUrl: 'https://static.ticket.sz-trip.com/epicSoul/share-img.jpg'
+        };
+    }
+};
 </script>
 
-
 <style scoped>
-	.main-swiper {
-		width: 100%;
-		height: 100vh;
-	}
-
-	.page-container {
-		height: 100vh;
-	}
-
-	.home-page {
-		position: relative;
-		overflow: hidden;
-	}
-
-	.swiper-item-container {
-		width: 100%;
-		height: 100%;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		padding: 10rpx;
-		box-sizing: border-box;
-	}
-
-	.image-swiper {
-		width: 100%;
-		height: 500rpx;
-		margin-bottom: 20rpx;
-	}
-
-	.image-wrapper {
-		position: relative;
-		box-sizing: border-box;
-		transition: all 0.3s;
-		height: 100%;
-	}
-
-	.image-wrapper-full {
-		width: 80%;
-	}
-
-	.image-wrapper-compact {
-		width: 100%;
-	}
-
-	.selected-image {
-		border: 4rpx solid #f0ad4e;
-		box-shadow: 0 0 10rpx rgba(240, 173, 78, 0.6);
-		background-color: rgba(240, 173, 78, 0.1);
-	}
-
-	.swiper-image {
-		max-width: 100%;
-		max-height: 100%;
-		display: block;
-		object-fit: contain;
-	}
-
-	.bg-image {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		z-index: 1;
-	}
-
-	/* 内容层样式 */
-	.content-layer {
-		position: relative;
-		z-index: 2;
-		width: 100%;
-		display: flex;
-		align-items: center;
-		flex-direction: column;
-		margin-top: 20%;
-		box-sizing: border-box;
-		/* 添加此行 */
-		padding: 0;
-		/* 确保没有内边距 */
-	}
-
-	.content-layer2 {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		z-index: 2;
-		position: relative;
-		flex-direction: column;
-	}
-
-	.find-btn {
-		width: 300rpx;
-		height: 50rpx;
-		margin-top: 10rpx;
-	}
-
-	.problem-description {
-		height: 100%;
-		display: flex;
-		align-items: center;
-		position: relative;
-		margin-top: 150rpx;
-	}
-
-	.proportion-txt {
-		font-size: 48rpx;
-		color: #0f944f;
-	}
-
-	.proportion-txt-position {
-		position: absolute;
-		bottom: 0;
-		left: 0;
-	}
-
-	.proportion-txt-position2 {
-		position: absolute;
-		right: 120rpx;
-		top: 0;
-		line-height: 1;
-	}
-
-	.proportion-txt-position3 {
-		position: absolute;
-		right: 20rpx;
-		top: 0;
-		line-height: 1;
-	}
-
-	.proportion-txt-position4 {
-		position: absolute;
-		left: 0;
-		top: 0;
-		line-height: 1;
-	}
-
-	.proportion-txt-position5 {
-		position: absolute;
-		right: 120rpx;
-		top: 0;
-		line-height: 1;
-	}
-
-	.description-txt {
-		width: 400rpx;
-		height: 120rpx;
-	}
-
-	.description-txt6 {
-		width: 460rpx !important;
-		height: 50rpx !important;
-	}
-
-	.description-txt7 {
-		width: 460rpx !important;
-		height: 120rpx !important;
-	}
-
-	.proportion-txt-position6 {
-		position: absolute;
-		left: 0;
-		top: 0;
-		line-height: 1;
-		font-size: 38rpx !important;
-	}
-
-	.proportion-txt-position7 {
-		position: absolute;
-		left: 0;
-		top: 0;
-		line-height: 1;
-	}
-
-	.image-swiper {
-		width: 100%;
-		height: 500rpx;
-	}
-
-	.swiper-image {
-		width: 100%;
-		height: 100%;
-		object-fit: contain;
-	}
-
-	.back-icon {
-		width: 48rpx;
-		height: 48rpx;
-		position: absolute;
-		left: 40rpx;
-		top: 40rpx;
-		z-index: 10;
-	}
-
-	.indicator-container {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		margin: 50rpx;
-	}
-
-	.indicator-dot {
-		width: 14rpx;
-		height: 14rpx;
-		border-radius: 50%;
-		background-color: rgba(255, 255, 255, 0.5);
-		margin: 0 8rpx;
-		transition: all 0.3s;
-	}
-
-	.indicator-dot.active {
-		background-color: #ffffff;
-		transform: scale(1.2);
-	}
-
-	.harvestReport-layer {
-		position: relative;
-		z-index: 2;
-		display: flex;
-		margin-top: 42%;
-		flex-direction: column;
-		align-items: center;
-		height: 100%;
-	}
-
-	.grid-cover {
-		width: 85%;
-		height: 60%;
-	}
-
-	.grid-cover-bg {
-		width: 100%;
-		height: 100%;
-	}
-
-	.chapter4-btn {
-		width: 280rpx;
-		height: 60rpx;
-		margin-top: 60rpx;
-	}
-
-	.img-shadow {
-		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
-			0 6px 20px 0 rgba(0, 0, 0, 0.19);
-		transition: box-shadow 0.3s ease;
-	}
-
-	.arrow-content {
-		width: 100%;
-		position: absolute;
-		bottom: 10%;
-		left: 50%;
-		transform: translate(-50%, 0);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		z-index: 2;
-	}
-
-	.arrow-down {
-		width: 200rpx;
-		height: 40rpx;
-		animation: bounce 1.5s infinite;
-	}
-
-	@keyframes bounce {
-
-		0%,
-		20%,
-		50%,
-		80%,
-		100% {
-			transform: translateY(0);
-		}
-
-		40% {
-			transform: translateY(-20rpx);
-		}
-
-		60% {
-			transform: translateY(-10rpx);
-		}
-	}
-
-	.report-text-overlay {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-		padding: 40rpx;
-		box-sizing: border-box;
-		z-index: 8;
-		text-align: center;
-	}
-
-	.report-title {
-		font-size: 48rpx;
-		color: #f0ad4e;
-		font-weight: bold;
-		margin-bottom: 40rpx;
-		text-shadow: 0 0 10rpx rgba(0, 0, 0, 0.3);
-		animation: fade-in 1.5s ease-out;
-	}
-
-	.report-content {
-		width: 100%;
-	}
-
-	.result-item {
-		font-size: 28rpx;
-		color: #333333;
-		line-height: 1.8;
-		margin-bottom: 20rpx;
-		text-shadow: 0 0 8rpx rgba(0, 0, 0, 0.5);
-		opacity: 0;
-		animation: slide-in 0.5s ease-out forwards;
-	}
-
-	.result-item:nth-child(1) {
-		animation-delay: 0.2s;
-	}
-
-	.result-item:nth-child(2) {
-		animation-delay: 0.4s;
-	}
-
-	.result-item:nth-child(3) {
-		animation-delay: 0.6s;
-	}
-
-	.result-item:nth-child(4) {
-		animation-delay: 0.8s;
-	}
-
-	.result-item:nth-child(5) {
-		animation-delay: 1.0s;
-	}
-
-	.result-item:nth-child(6) {
-		animation-delay: 1.2s;
-	}
-
-	.result-item:nth-child(7) {
-		animation-delay: 1.4s;
-	}
-
-	@keyframes fade-in {
-		from {
-			opacity: 0;
-			transform: translateY(-20rpx);
-		}
-
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	@keyframes slide-in {
-		from {
-			opacity: 0;
-			transform: translateX(-30rpx);
-		}
-
-		to {
-			opacity: 1;
-			transform: translateX(0);
-		}
-	}
-
-	.grid-cover {
-		position: relative;
-		height: 60%;
-		z-index: 7;
-	}
+/* 样式部分保持不变 */
+.main-swiper {
+    width: 100%;
+    height: 100vh;
+}
+
+.page-container {
+    height: 100vh;
+}
+
+.home-page {
+    position: relative;
+    overflow: hidden;
+}
+
+.swiper-item-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 10rpx;
+    box-sizing: border-box;
+}
+
+.image-swiper {
+    width: 100%;
+    height: 500rpx;
+    margin-bottom: 20rpx;
+}
+
+.image-wrapper {
+    position: relative;
+    box-sizing: border-box;
+    transition: all 0.3s;
+    height: 100%;
+}
+
+.image-wrapper-full {
+    width: 80%;
+}
+
+.image-wrapper-compact {
+    width: 100%;
+}
+
+.selected-image {
+    border: 4rpx solid #f0ad4e;
+    box-shadow: 0 0 10rpx rgba(240, 173, 78, 0.6);
+    background-color: rgba(240, 173, 78, 0.1);
+}
+
+.swiper-image {
+    max-width: 100%;
+    max-height: 100%;
+    display: block;
+    object-fit: contain;
+}
+
+.bg-image {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+}
+
+/* 内容层样式 */
+.content-layer {
+    position: relative;
+    z-index: 2;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    margin-top: 20%;
+    box-sizing: border-box;
+    /* 添加此行 */
+    padding: 0;
+    /* 确保没有内边距 */
+}
+
+.content-layer2 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 2;
+    position: relative;
+    flex-direction: column;
+}
+
+.find-btn {
+    width: 300rpx;
+    height: 50rpx;
+    margin-top: 10rpx;
+}
+
+.problem-description {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    position: relative;
+    margin-top: 150rpx;
+}
+
+.proportion-txt {
+    font-size: 48rpx;
+    color: #0f944f;
+}
+
+.proportion-txt-position {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+}
+
+.proportion-txt-position2 {
+    position: absolute;
+    right: 120rpx;
+    top: 0;
+    line-height: 1;
+}
+
+.proportion-txt-position3 {
+    position: absolute;
+    right: 20rpx;
+    top: 0;
+    line-height: 1;
+}
+
+.proportion-txt-position4 {
+    position: absolute;
+    left: 0;
+    top: 0;
+    line-height: 1;
+}
+
+.proportion-txt-position5 {
+    position: absolute;
+    right: 120rpx;
+    top: 0;
+    line-height: 1;
+}
+
+.description-txt {
+    width: 400rpx;
+    height: 120rpx;
+}
+
+.description-txt6 {
+    width: 460rpx !important;
+    height: 50rpx !important;
+}
+
+.description-txt7 {
+    width: 460rpx !important;
+    height: 120rpx !important;
+}
+
+.proportion-txt-position6 {
+    position: absolute;
+    left: 0;
+    top: 0;
+    line-height: 1;
+    font-size: 38rpx !important;
+}
+
+.proportion-txt-position7 {
+    position: absolute;
+    left: 0;
+    top: 0;
+    line-height: 1;
+}
+
+.image-swiper {
+    width: 100%;
+    height: 500rpx;
+}
+
+.swiper-image {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+
+.back-icon {
+    width: 48rpx;
+    height: 48rpx;
+    position: absolute;
+    left: 40rpx;
+    top: 40rpx;
+    z-index: 10;
+}
+
+.indicator-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 50rpx;
+}
+
+.indicator-dot {
+    width: 14rpx;
+    height: 14rpx;
+    border-radius: 50%;
+    background-color: rgba(255, 255, 255, 0.5);
+    margin: 0 8rpx;
+    transition: all 0.3s;
+}
+
+.indicator-dot.active {
+    background-color: #ffffff;
+    transform: scale(1.2);
+}
+
+.harvestReport-layer {
+    position: relative;
+    z-index: 2;
+    display: flex;
+    margin-top: 42%;
+    flex-direction: column;
+    align-items: center;
+    height: 100%;
+}
+
+.grid-cover {
+    width: 85%;
+    height: 60%;
+}
+
+.grid-cover-bg {
+    width: 100%;
+    height: 100%;
+}
+
+.chapter4-btn {
+    width: 280rpx;
+    height: 60rpx;
+    margin-top: 60rpx;
+}
+
+.img-shadow {
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
+        0 6px 20px 0 rgba(0, 0, 0, 0.19);
+    transition: box-shadow 0.3s ease;
+}
+
+.arrow-content {
+    width: 100%;
+    position: absolute;
+    bottom: 10%;
+    left: 50%;
+    transform: translate(-50%, 0);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 2;
+}
+
+.arrow-down {
+    width: 200rpx;
+    height: 40rpx;
+    animation: bounce 1.5s infinite;
+}
+
+@keyframes bounce {
+
+    0%,
+    20%,
+    50%,
+    80%,
+    100% {
+        transform: translateY(0);
+    }
+
+    40% {
+        transform: translateY(-20rpx);
+    }
+
+    60% {
+        transform: translateY(-10rpx);
+    }
+}
+
+.report-text-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    padding: 40rpx;
+    box-sizing: border-box;
+    z-index: 8;
+    text-align: center;
+}
+
+.report-title {
+    font-size: 48rpx;
+    color: #f0ad4e;
+    font-weight: bold;
+    margin-bottom: 40rpx;
+    text-shadow: 0 0 10rpx rgba(0, 0, 0, 0.3);
+    animation: fade-in 1.5s ease-out;
+}
+
+.report-content {
+    width: 100%;
+}
+
+.result-item {
+    font-size: 28rpx;
+    color: #333333;
+    line-height: 1.8;
+    margin-bottom: 20rpx;
+    text-shadow: 0 0 8rpx rgba(0, 0, 0, 0.5);
+    opacity: 0;
+    animation: slide-in 0.5s ease-out forwards;
+}
+
+.result-item:nth-child(1) {
+    animation-delay: 0.2s;
+}
+
+.result-item:nth-child(2) {
+    animation-delay: 0.4s;
+}
+
+.result-item:nth-child(3) {
+    animation-delay: 0.6s;
+}
+
+.result-item:nth-child(4) {
+    animation-delay: 0.8s;
+}
+
+.result-item:nth-child(5) {
+    animation-delay: 1.0s;
+}
+
+.result-item:nth-child(6) {
+    animation-delay: 1.2s;
+}
+
+.result-item:nth-child(7) {
+    animation-delay: 1.4s;
+}
+
+@keyframes fade-in {
+    from {
+        opacity: 0;
+        transform: translateY(-20rpx);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+@keyframes slide-in {
+    from {
+        opacity: 0;
+        transform: translateX(-30rpx);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateX(0);
+    }
+}
+
+.grid-cover {
+    position: relative;
+    height: 60%;
+    z-index: 7;
+}
 </style>
\ No newline at end of file
diff --git a/xxdf/home/home.vue b/xxdf/home/home.vue
index ba7c27f..854c732 100644
--- a/xxdf/home/home.vue
+++ b/xxdf/home/home.vue
@@ -7,11 +7,11 @@
 		        <view class="page-container home-page">
 		            <!-- 使用loadedPages确定是否已加载，v-show控制显示/隐藏 -->
 		            <template v-if="loadedPages[0]">
-		                <image v-show="shouldShowContent(0)" class="bg-image" src="/static/index.gif" :lazy-load="true" mode=""></image>
+		                <image v-show="shouldShowContent(0)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/index.gif" :lazy-load="true" mode=""></image>
 		                <view v-show="shouldShowContent(0)" class="content-layer">
-		                    <image class="layer-img" src="/static/home.png" :lazy-load="true" mode=""></image>
+		                    <image class="layer-img" src="https://static.ticket.sz-trip.com/epicSoul/home.png" :lazy-load="true" mode=""></image>
 		                    <view class="arrow-content">
-		                        <image class="arrow-down" src="/static/arrow-icon.png" :lazy-load="true" mode=""></image>
+		                        <image class="arrow-down" src="https://static.ticket.sz-trip.com/epicSoul/arrow-icon.png" :lazy-load="true" mode=""></image>
 		                    </view>
 		                </view>
 		            </template>
@@ -22,7 +22,7 @@
 		    <swiper-item>
 		        <view class="page-container home-page">
 		            <template v-if="loadedPages[1]">
-		                <image v-show="shouldShowContent(1)" class="bg-image" src="/static/prologue-bg.png" :lazy-load="true" mode=""></image>
+		                <image v-show="shouldShowContent(1)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/prologue-bg.png" :lazy-load="true" mode=""></image>
 		                <view v-show="shouldShowContent(1)" class="content-layer">
 		                    <view class="layer-text">
 		                        <view class="">
@@ -33,7 +33,7 @@
 		                        </view>
 		                    </view>
 		                    <view class="arrow-content">
-		                        <image class="arrow-down" src="/static/arrow-icon.png" :lazy-load="true" mode=""></image>
+		                        <image class="arrow-down" src="https://static.ticket.sz-trip.com/epicSoul/arrow-icon.png" :lazy-load="true" mode=""></image>
 		                    </view>
 		                </view>
 		            </template>
@@ -44,12 +44,12 @@
 		    <swiper-item>
 		        <view class="page-container home-page">
 		            <template v-if="loadedPages[2]">
-		                <image v-show="shouldShowContent(2)" class="bg-image" src="/static/images/chapter1/cover.png" :lazy-load="true" mode=""></image>
+		                <image v-show="shouldShowContent(2)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/cover.png" :lazy-load="true" mode=""></image>
 		                <view v-show="shouldShowContent(2)" class="content-layer">
-		                    <image class="layer-img2" src="/static/images/chapter1/bg-txt.png" :lazy-load="true" mode="">
+		                    <image class="layer-img2" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/bg-txt.png" :lazy-load="true" mode="">
 		                    </image>
 		                    <view class="arrow-content">
-		                        <image @click="navigateToChapter1" class="btn" src="/static/images/chapter1/button.png" :lazy-load="true" mode=""></image>
+		                        <image @click="navigateToChapter1" class="btn" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter1/button.png" :lazy-load="true" mode=""></image>
 		                    </view>
 		                </view>
 		            </template>
@@ -60,11 +60,11 @@
 		    <swiper-item>
 		        <view class="page-container home-page">
 		            <template v-if="loadedPages[3]">
-		                <image v-show="shouldShowContent(3)" class="bg-image" src="/static/images/chapter2/cover.png" :lazy-load="true" mode=""></image>
+		                <image v-show="shouldShowContent(3)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter2/cover.png" :lazy-load="true" mode=""></image>
 		                <view v-show="shouldShowContent(3)" class="content-layer">
-		                    <image class="chapter2-bg-txt" src="/static/images/chapter2/bg-txt.png" :lazy-load="true" mode=""></image>
+		                    <image class="chapter2-bg-txt" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter2/bg-txt.png" :lazy-load="true" mode=""></image>
 		                    <view class="arrow-content chapter2-btn">
-		                        <image @click="navigateToChapter2" class="btn" src="/static/images/chapter2/button.png" :lazy-load="true" mode=""></image>
+		                        <image @click="navigateToChapter2" class="btn" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter2/button.png" :lazy-load="true" mode=""></image>
 		                    </view>
 		                </view>
 		            </template>
@@ -75,11 +75,11 @@
 		    <swiper-item>
 		        <view class="page-container home-page">
 		            <template v-if="loadedPages[4]">
-		                <image v-show="shouldShowContent(4)" class="bg-image" src="/static/images/chapter3/cover.png" :lazy-load="true" mode=""></image>
+		                <image v-show="shouldShowContent(4)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter3/cover.png" :lazy-load="true" mode=""></image>
 		                <view v-show="shouldShowContent(4)" class="content-layer">
-		                    <image class="chapter3-bg-txt" src="/static/images/chapter3/bg-txt.png" :lazy-load="true" mode=""></image>
+		                    <image class="chapter3-bg-txt" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter3/bg-txt.png" :lazy-load="true" mode=""></image>
 		                    <view class="arrow-content chapter3-btn">
-		                        <image @click="navigateToChapter3" class="btn" src="/static/images/chapter3/button.png" :lazy-load="true" mode=""></image>
+		                        <image @click="navigateToChapter3" class="btn" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter3/button.png" :lazy-load="true" mode=""></image>
 		                    </view>
 		                </view>
 		            </template>
@@ -90,12 +90,12 @@
 		    <swiper-item>
 		        <view class="page-container home-page">
 		            <template v-if="loadedPages[5]">
-		                <image v-show="shouldShowContent(5)" class="bg-image" src="/static/images/chapter4/cover.png" :lazy-load="true" mode=""></image>
+		                <image v-show="shouldShowContent(5)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter4/cover.png" :lazy-load="true" mode=""></image>
 		                <view v-show="shouldShowContent(5)" class="content-layer">
-		                    <image class="chapter4-bg-txt" src="/static/images/chapter4/bg-txt.png" :lazy-load="true" mode=""></image>
+		                    <image class="chapter4-bg-txt" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter4/bg-txt.png" :lazy-load="true" mode=""></image>
 		                    <view class="chapter4-btn-content">
-		                        <image @click="ShareMoments" class="chapter4-btn" src="/static/images/chapter4/chapter4-btn.png" :lazy-load="true" mode=""></image>
-		                        <image @click="navigateToChapter4" class="chapter4-btn chapter4-btn2" src="/static/images/chapter4/chapter4-btn2.png" :lazy-load="true" mode=""></image>
+		                        <image @click="ShareMoments" class="chapter4-btn" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter4/chapter4-btn.png" :lazy-load="true" mode=""></image>
+		                        <image @click="navigateToChapter4" class="chapter4-btn chapter4-btn2" src="https://static.ticket.sz-trip.com/epicSoul/images/chapter4/chapter4-btn2.png" :lazy-load="true" mode=""></image>
 		                    </view>
 		                </view>
 		            </template>
@@ -106,7 +106,7 @@
 		    <swiper-item>
 		        <view class="page-container home-page">
 		            <template v-if="loadedPages[6]">
-		                <image v-show="shouldShowContent(6)" class="bg-image" src="/static/footer.png" :lazy-load="true" mode=""></image>
+		                <image v-show="shouldShowContent(6)" class="bg-image" src="https://static.ticket.sz-trip.com/epicSoul/footer.png" :lazy-load="true" mode=""></image>
 		            </template>
 		        </view>
 		    </swiper-item>
@@ -206,14 +206,14 @@ export default {
             title: '细嗅东方｜「Epic Soul」阅读体 issue02',
             mpId: 'wx8954209bb3ad489e',
             path: '/xxdf/chapter4/cover',
-            imageUrl: '/static/share-img.jpg'
+            imageUrl: 'https://static.ticket.sz-trip.com/epicSoul/share-img.jpg'
         };
     },
     onShareTimeline() {
         return {
             title: '细嗅东方｜「Epic Soul」阅读体 issue02',
             query: '',
-            imageUrl: '/static/share-img.jpg'
+            imageUrl: 'https://static.ticket.sz-trip.com/epicSoul/share-img.jpg'
         };
     }
     // #endif