<!-- 互动消息 -->
<template>
	<navbar_neadVue title="互动消息"></navbar_neadVue>

	<view>
		<u-tabs  :list="list1" @change="tabChange"></u-tabs>
	</view>

</template>

<script setup>
	import {
		reactive,
		ref
	} from "vue";
	import navbar_neadVue from '@/pages/common/navbar/navbar_nead.vue';

	const list1 = reactive([{
			name: '全部消息'
		},
		{
			name: '点赞'
		},
		{
			name: '评论'
		},
		{
			name: '关注'
		}
	])

	function tabChange(index) {
		console.log('当前选中的选项卡索引：', index);
	}
</script>

<style>
	@import '@/pages/common/navbar/navbar.css';
</style>