From 0cc1219f3224560a97d470d754f31b90c8132be9 Mon Sep 17 00:00:00 2001
From: 18631081161 <2088094923@qq.com>
Date: Fri, 20 Sep 2024 16:00:26 +0800
Subject: [PATCH] 1

---
 pages/index/index.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index 79ec810..a9d0035 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -12,7 +12,7 @@
 					alt="" />
 			</view>
 
-			<view class="" style="width: 100%; margin-top: 50rpx; padding-left: 36rpx;">
+			<view class="" style="width: 100vw; margin-top: 50rpx; padding-left: 36rpx;">
 				<v-tabs v-model="current" bgColor="#0E0A10" color="#999999" activeColor="#FFFFFF" lineColor="#FFFFFF"
 					fontSize="38rpx" :tabs="tabs" @change="changeTab"></v-tabs>
 			</view>
@@ -87,13 +87,13 @@
 	} from '../../modules/api/AppServer';
 	export default {
 		data() {
-			var tabs = [];
 			return {
 				systemBarHeight: 0,
 				subtractedHeight: 0,
-				tabs,
+				tabs: ["推荐"],
 				current: 0,
-				swiperCurrent: 0
+				swiperCurrent: 0,
+				musicGenresList: []
 			}
 		},
 		onLoad() {
@@ -142,10 +142,13 @@
 				var appserver = new AppServer();
 				appserver.GetMusicGenresList().then(data => {
 					console.log("getMusicGenresList", data.data);
+					that.musicGenresList = data.data;
+					let _tabs = [];
 					for (var i = 0; i < data.data.length; i++) {
-						that.tabs.push(data[i].genreName);
-						console.log("data[i].genreName", data[i].genreName);
+						_tabs.push(data.data[i].genreName);
+						console.log("data[i].genreName", data.data[i].genreName);
 					}
+					that.tabs = _tabs;
 					console.log("that.tabs", that.tabs);
 
 				});