提交

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>

components/chapter3/RandomImage.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import MusicControl from './MusicControl.vue'
+import MusicControl from '@/components/MusicControl.vue'
 
 export default {
   components: {

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,