37 lines
886 B
Vue
37 lines
886 B
Vue
<template>
|
|
<van-tabbar route v-model="active" active-color="#ffd23c">
|
|
<van-tabbar-item to="/home">
|
|
<template #icon>
|
|
<img src="/static/images/icon/index.png" alt="">
|
|
</template>
|
|
首页
|
|
</van-tabbar-item>
|
|
<van-tabbar-item to="/square">
|
|
<template #icon>
|
|
<img src="/static/images/icon/dating.png" alt="">
|
|
</template>
|
|
广场
|
|
</van-tabbar-item>
|
|
<van-tabbar-item to="/me">
|
|
<template #icon>
|
|
<img src="/static/images/icon/user.png" alt="">
|
|
|
|
</template>
|
|
我的
|
|
</van-tabbar-item>
|
|
</van-tabbar>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
export default {
|
|
name: "tabbar",
|
|
data() {
|
|
return {
|
|
active: 0
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped></style> |