szdot
615342105a
【主 题】： 【描 述】： [原因]： [过程]： [影响]： 【结 束】 # 类型 包含: # feat：新功能（feature） # fix：修补bug # docs：文档（documentation） # style： 格式（不影响代码运行的变动） # refactor：重构（即不是新增功能，也不是修改bug的代码变动） # test：增加测试 # chore：构建过程或辅助工具的变动 Merge branch 'master' of http://111.229.174.37:9090/Bonobo.Git.Server/food_wechat # Conflicts: # components/tabbar/tabbar.vue
76 lines
1.6 KiB
Vue
76 lines
1.6 KiB
Vue
<template>
|
|
<view>
|
|
<u-tabbar :value="current" @change="handleTabChange" :fixed="true" :placeholder="true"
|
|
:safeAreaInsetBottom="true" activeColor="#D43030">
|
|
<<<<<<< HEAD
|
|
<u-tabbar-item v-for="(item,index) in tabList" :key="index" class="fz28" :text="item.name"
|
|
:icon="item.icon"></u-tabbar-item>
|
|
=======
|
|
<u-tabbar-item v-for="item,index in tabList" :key="index" class="fz24" text="item.name" icon="item.icon"></u-tabbar-item>
|
|
>>>>>>> 461e7d19503b8bc0c8c89afefdc392d6db564fdf
|
|
</u-tabbar>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "tabbar",
|
|
data() {
|
|
return {
|
|
<<<<<<< HEAD
|
|
tabList: [ //tabbar列表
|
|
{
|
|
'name': '首页',
|
|
'icon': 'home'
|
|
},
|
|
{
|
|
'name': '点餐',
|
|
'icon': 'grid'
|
|
},
|
|
{
|
|
'name': '我的',
|
|
'icon': 'account'
|
|
}
|
|
=======
|
|
tabList:[//tabbar列表
|
|
{name:'首页',icon:'home'},
|
|
{name:'点餐',icon:'grid'},
|
|
{name:'我的',icon:'account'}
|
|
>>>>>>> 461e7d19503b8bc0c8c89afefdc392d6db564fdf
|
|
]
|
|
}
|
|
},
|
|
computed: {
|
|
current() {
|
|
return this.$store.state.tabbarCurrent
|
|
}
|
|
},
|
|
methods: {
|
|
handleTabChange(name) {
|
|
// 更新当前选中的 tab 索引
|
|
if (this.current === name) {
|
|
return
|
|
}
|
|
this.$store.commit('setTabbarCurrent', name)
|
|
if (name === 0) {
|
|
uni.redirectTo({
|
|
url: '/pages/index/index'
|
|
})
|
|
} else if (name === 1) {
|
|
uni.navigateTo({
|
|
url: '/pages/shop/list'
|
|
})
|
|
|
|
} else if (name === 2) {
|
|
uni.redirectTo({
|
|
url: '/pages/main/index'
|
|
})
|
|
}
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style> |