goufangtong3/components/gf-tabbar/gf-tabbar.vue

<template>
	<view>
		<u-tabbar :list="list" active-color="#1E7DFF" inactive-color="#CCCCCC"></u-tabbar>
	</view>
</template>

<script>
	import { mapState } from "vuex"
	export default {
		name: "gf-tabbar",
		data() {
			return {
				list: [{
						"iconPath": "/static/images/index.png",
						"pagePath": "/pages/index/index",
						"selectedIconPath": "/static/images/index1.png",
						"text": "首页"
					},
					{
						"iconPath": "/static/images/video.png",
						"pagePath": "/pages/video/video",
						"selectedIconPath": "/static/images/video1.png",
						"text": "视频"
					},
					{
						"iconPath": "/static/images/mine.png",
						"pagePath": "/pages/mine/mine",
						"selectedIconPath": "/static/images/mine1.png",
						"text": "我的"
					}
				]
			};
		},
		created() {
			if (this.config.report_switch == 1) {
				this.list = [{
						"iconPath": "/static/images/index.png",
						"pagePath": "/pages/index/index",
						"selectedIconPath": "/static/images/index1.png",
						"text": "首页"
					},
					{
						"iconPath": "/static/images/video.png",
						"pagePath": "/pages/video/video",
						"selectedIconPath": "/static/images/video1.png",
						"text": "视频"
					},
					{
						"iconPath": "/static/images/baobei.png",
						"pagePath": "/pages/baobei/baobei",
						"selectedIconPath": "/static/images/baobei1.png",
						"text": "客户报备"
					},
					{
						"iconPath": "/static/images/mine.png",
						"pagePath": "/pages/mine/mine",
						"selectedIconPath": "/static/images/mine1.png",
						"text": "我的"
					}
				]
			}
		},
		computed: {
			...mapState(['config'])
		},
		watch: {
			config: {
				handler(val) {
					if (val.report_switch == 1) {
						this.list = [{
								"iconPath": "/static/images/index.png",
								"pagePath": "/pages/index/index",
								"selectedIconPath": "/static/images/index1.png",
								"text": "首页"
							},
							{
								"iconPath": "/static/images/video.png",
								"pagePath": "/pages/video/video",
								"selectedIconPath": "/static/images/video1.png",
								"text": "视频"
							},
							{
								"iconPath": "/static/images/baobei.png",
								"pagePath": "/pages/baobei/baobei",
								"selectedIconPath": "/static/images/baobei1.png",
								"text": "客户报备"
							},
							{
								"iconPath": "/static/images/mine.png",
								"pagePath": "/pages/mine/mine",
								"selectedIconPath": "/static/images/mine1.png",
								"text": "我的"
							}
						]
					}
				},
				deep: true
			}
		}
	}
</script>

<style lang="scss">

</style>