<template>
|
<view class="footer flex customer-footer flex-wrap-normal" style="">
|
<view v-for="(item,index) in tabBar" :key="index" class="footer-item">
|
<view class="item" :class="flg==index?'cur':''" @click="go(index,item)">
|
|
<view v-if="index==0">
|
<image src="../../static/images/customer/footer/footer-home-1.png" class="footer-icon"
|
v-if="flg==0"></image>
|
<image src="../../static/images/customer/footer/footer-home-0.png" class="footer-icon"
|
v-if="flg!=0"></image>
|
</view>
|
<view v-if="index==1">
|
<image src="../../static/images/customer/footer/footer-trade-1.png" class="footer-icon"
|
v-if="flg==1"></image>
|
<image src="../../static/images/customer/footer/footer-trade-0.png" class="footer-icon"
|
v-if="flg!=1"></image>
|
</view>
|
<view v-if="index==2">
|
<image src="../../static/images/customer/footer/footer-shopping-1.png" class="footer-icon"
|
v-if="flg==2">
|
</image>
|
<image src="../../static/images/customer/footer/footer-shopping-0.png" class="footer-icon"
|
v-if="flg!=2">
|
</image>
|
</view>
|
<view v-if="index==3">
|
<image src="../../static/images/customer/footer/footer-self-1.png" class="footer-icon"
|
v-if="flg==3"></image>
|
<image src="../../static/images/customer/footer/footer-self-0.png" class="footer-icon"
|
v-if="flg!=3"></image>
|
</view>
|
|
<view>
|
{{item.text}}
|
</view>
|
|
</view>
|
</view>
|
|
|
</view>
|
</template>
|
<script>
|
export default {
|
data() {
|
return {
|
tabBar: [{
|
|
"text": "首页",
|
"pagePath": '/pages/home/home'
|
},
|
{
|
|
"text": "交易大厅",
|
"pagePath": '/sub_pages/customer/trade/trade'
|
},
|
{
|
|
"text": "购物车",
|
"pagePath": '/sub_pages/customer/shopping/shopping'
|
},
|
{
|
"text": "我的",
|
"pagePath": '/pages/user/supplier-user'
|
}
|
]
|
}
|
},
|
props: {
|
flg: {
|
type: String,
|
},
|
bussincess: {
|
type: Boolean,
|
default () {
|
return false
|
}
|
}
|
},
|
created() {},
|
methods: {
|
|
go(index, item) {
|
if (this.flg == index) {
|
return
|
}
|
if (index === 1 || index === 2) {
|
//交易大厅和购物车，这2个可以用跳转方式
|
if (index === 2) {
|
if (!this.currentInfo.id) {
|
this.$message.showToast('请先登录')
|
return
|
}
|
|
}
|
//判断，如果上上上级别，就是要跳转的，改为返回，避免堆栈太多
|
const pages = getCurrentPages();
|
//如果上一层就是购物车，那么就返回，而不是跳转
|
// console.log('toShopping',pages)
|
if (pages && pages.length >= 2) {
|
if ( ('/' + pages[pages.length - 2].route) === item.pagePath) {
|
uni.navigateBack()
|
return
|
}
|
}
|
|
uni.navigateTo({
|
url: item.pagePath
|
})
|
|
} else {
|
uni.reLaunch({
|
url: item.pagePath
|
|
});
|
}
|
|
},
|
}
|
}
|
</script>
|
<style lang="scss">
|
@import "./main.scss";
|
</style>
|
