crmcard/components/uni-tabBar/uni-tabBar.vue

<template>
	<view v-if='userInfo.card_id'>
		<tm-bottomnavigation @change="tabChange" :list="list">
		</tm-bottomnavigation>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				list: [{
						iconSize: 46,
						path: '/pages/index/index',
						icon: 'fa-home', //【必填】可以是图标名称或者图片地址。
						value: '首页',
						openType: "reLaunch"
					},
					{
						iconSize: 46,
						path: "/subpages/pages/radar/index",
						icon: 'fa-wifi', //【必填】可以是图标名称或者图片地址。
						value: '雷达',
						openType: "reLaunch"
					},
					// {
					// 	iconSize: 46,
					// 	path: '/subpages/pages/card/index',
					// 	icon: 'fa-bar-chart', //【必填】可以是图标名称或者图片地址。
					// 	value: '数据分析',
					// 	openType: "reLaunch"
					// },
					{
						iconSize: 46,
						path: '/pages/cardList/cardList',
						icon: 'fa-address-card-o', //【必填】可以是图标名称或者图片地址。
						value: '名片夹',
						openType: "reLaunch"
					},
					{
						iconSize: 46,
						path: '/pages/my/index',
						icon: 'fa-user-o', //【必填】可以是图标名称或者图片地址。
						value: '我的',
						openType: "reLaunch"
					}
				],
				list2: [{
						iconSize: 46,
						path: '/pages/index/index',
						icon: 'tmicon-shouye-copy', //【必填】可以是图标名称或者图片地址。
						noIcon: 'tmicon-shouye', //【非必填】未选中时的图标，不提供默认使用相同的icon图标
						value: '首页',
						openType: "reLaunch"
					},
					// {
					// 	iconSize: 46,
					// 	path: "/subpages/pages/radar/index",
					// 	icon: 'tmicon-leida-copy', //【必填】可以是图标名称或者图片地址。
					// 	noIcon: 'tmicon-leida', //【非必填】未选中时的图标，不提供默认使用相同的icon图标
					// 	value: '雷达',
					// 	openType:"reLaunch"
					// },
					// {
					// 	iconSize: 46,
					// 	path: '/subpages/pages/card/index',
					// 	icon: 'tmicon-tongxunlu-copy', //【必填】可以是图标名称或者图片地址。
					// 	noIcon: 'tmicon-tongxunlu', //【非必填】未选中时的图标，不提供默认使用相同的icon图标
					// 	value: '名片夹',
					// 	openType:"reLaunch"
					// },
					{
						iconSize: 46,
						path: '/pages/my/index',
						icon: 'tmicon-wode-copy', //【必填】可以是图标名称或者图片地址。
						noIcon: 'tmicon-wode', //【非必填】未选中时的图标，不提供默认使用相同的icon图标
						value: '我的',
						openType: "reLaunch"
					}
				],
			}
		},
		computed: {
			userInfo() {
				return this.$tm.vx.state().user.userInfo
			},
		},
		mounted() {
		},
		methods: {
			tabChange(e) {
				// console.log(e.item.path)
				// uni.navigateTo({
				// 	url: e.item.path
				// });
			}
		}
	}
</script>

<style lang="scss">

</style>