You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
1.6 KiB
74 lines
1.6 KiB
<template> |
|
<view> |
|
<u-tabbar |
|
active-color="rgb(41, 121, 255)" |
|
inactive-color="#999999" |
|
:border-top="borderTop" |
|
:list="list" |
|
:height="124" |
|
:mid-button-size="170" |
|
:icon-size="50" |
|
@change="tabbatChange" |
|
v-model="current" |
|
></u-tabbar> |
|
</view> |
|
</template> |
|
<script> |
|
import global from "@/utils/global.js"; |
|
import tabBar from "@/utils/tabbar.js"; // 引入刚刚创建的tabBar.js |
|
export default { |
|
name: "sp-tabbar", |
|
props: [], |
|
data() { |
|
return { |
|
taskSettingData: null, |
|
list: [], |
|
current: 0, |
|
borderTop: true, |
|
menuPermission: false, |
|
}; |
|
}, |
|
wactch: {}, |
|
computed: { |
|
// 是否显示任务大厅 |
|
}, |
|
onShow(){ |
|
}, |
|
mounted() { |
|
// this.getPermission(); |
|
}, |
|
methods: { |
|
// 判断权限 |
|
getPermission() { |
|
// const tabBarList = uni.getStorageSync("tabBarList"); |
|
// this.current=global.tabBarCurrent |
|
// this.list = tabBarList.length<=0?tabBar.oathTab:tabBarList; |
|
this.list = [{ |
|
iconPath: "/static/images/customer.png", |
|
selectedIconPath: "/static/images/customer_active.png", |
|
text: "客户订单", |
|
pagePath: "/pages/home/index", |
|
}, |
|
{ |
|
iconPath: "/static/images/feedback.png", |
|
selectedIconPath: "/static/images/feedback_active.png", |
|
text: "售后订单", |
|
pagePath: "/pages/home/feedList", |
|
}] |
|
console.log('111111111111',this.list) |
|
// this.list |
|
}, |
|
tabbatChange(index) { |
|
global.tabBarCurrent = index |
|
uni.switchTab({ |
|
url: this.list[index].pagePath, |
|
}) |
|
} |
|
}, |
|
}; |
|
</script> |
|
<style lang="scss" scoped> |
|
/deep/.u-tabbar__contentblue{ |
|
height: 154rpx; |
|
} |
|
</style>
|
|
|