更新首页标题

src/api/index.js

@@ -23,3 +23,11 @@ export const getUserInfo = () => {
 		url   : "/app/v1_0/user"
 	});
 }
+
+//获取用户频道列表
+export const getUserChannels = () => {
+	return request({
+		method: "GET",
+		url   : "/app/v1_0/user/channels"
+	});
+}

src/utils/request.js

@@ -16,7 +16,6 @@ request.interceptors.request.use(
 		if (token && isLoginToken) {
 			config.headers.Authorization = `Bearer ${isLoginToken}`;
 		}
-		console.log(token);
 		return config;
 	},
 	(error) => {

src/views/home/index.vue

@@ -11,11 +11,43 @@
 				>搜索</van-button
 			>
 		</van-nav-bar>
+		<!-- 文章频道列表 -->
+		<van-tabs v-model="active" animated>
+			<van-tab
+				v-for="item in channels"
+				:title="item.name"
+				:key="item.id"
+			>
+        {{ item.name }}
+			</van-tab>
+		</van-tabs>
 	</div>
 </template>
 
 <script>
-export default {};
+import { getUserChannels } from "@/api";
+export default {
+	name: "Home",
+	data() {
+		return {
+			// 当前选中的频道
+			active: 0,
+			// 频道列表
+			channels: [],
+		};
+	},
+	created() {
+		this.loadChannels();
+	},
+	methods: {
+		// 加载频道列表
+		async loadChannels() {
+			const { data } = await getUserChannels();
+			this.channels = data.channels;
+			console.log(this.channels.name);
+		},
+	},
+};
 </script>
 
 <style scoped lang="scss">
@@ -30,11 +62,11 @@ export default {};
 			background-color: #5babfb;
 			font-size: 14px;
 			color: #ffffff;
-      border: none;
-      .van-icon-search{
-        color: #ffffff;
-        font-size: 16px;
-      }
+			border: none;
+			.van-icon-search {
+				color: #ffffff;
+				font-size: 16px;
+			}
 		}
 	}
 }