39 lines
608 B
Vue
39 lines
608 B
Vue
|
<!-- 互动消息 -->
|
||
|
|
<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>
|