<template>
	<view>
		<basics v-if="PageCur=='basics'"></basics>
		<components v-if="PageCur=='component'"></components>
		<plugin v-if="PageCur=='plugin'"></plugin>
		<view class="cu-bar tabbar bg-white shadow foot">
			
				<view class="action" @click="NavChange" v-for="(value,index) in footer_nav" :key="index" :data-cur="value.data_url">
					<view class='cuIcon-cu-image'>
						<image :src="value.src_1"></image>
					</view>
					<view :class="value.class_1">{{ value.name }}</view>
				</view>
				<!-- <view class="action" @click="NavChange" data-cur="component">
					<view class='cuIcon-cu-image'>
						<image :src="'/static/tabbar/component' + [PageCur == 'component'?'_cur':''] + '.png'"></image>
					</view>
					<view :class="PageCur=='component'?'text-cyan':'text-gray'">医废列表</view>
				</view>
				<view class="action" @click="NavChange" data-cur="plugin">
					<view class='cuIcon-cu-image'>
						<image :src="'/static/tabbar/about' + [PageCur == 'plugin'?'_cur':''] + '.png'"></image>
					</view>
					<view :class="PageCur=='plugin'?'text-cyan':'text-gray'">我的</view>
				</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				PageCur: 'basics',
				footer_nav: []
			}
		},
		mounted() {
			if(getApp().globalData.account == "xjwfy" && getApp().globalData.password == "xjwfy1126"){
				this.footer_nav = [
					{
						data_url: 'basics',
						src_1: '/static/tabbar/basics_cur.png',
						src_2: '/static/tabbar/basics.png',
						class_1: 'text-cyan',
						class_2: 'text-gray',
						name: '首页'
					},
					{
						data_url: 'plugin',
						src_1: '/static/tabbar/about_cur.png',
						src_2: '/static/tabbar/about.png',
						class_1: 'text-cyan',
						class_2: 'text-gray',
						name: '我的'
					}
				]
			}else{
				this.footer_nav = [
					{
						data_url: 'basics',
						src_1: '/static/tabbar/basics_cur.png',
						src_2: '/static/tabbar/basics.png',
						src_3: '/static/tabbar/component_cur.png',
						src_4: '/static/tabbar/component.png',
						src_5: '/static/tabbar/about_cur.png',
						src_6: '/static/tabbar/about.png',
						class_1: 'text-cyan',
						class_2: 'text-gray',
						name: '首页'
					},
					{
						data_url: 'component',
						src_1: '/static/tabbar/component_cur.png',
						src_2: '/static/tabbar/component.png',
						src_1: '/static/tabbar/basics_cur.png',
						src_2: '/static/tabbar/basics.png',
						src_3: '/static/tabbar/component_cur.png',
						src_4: '/static/tabbar/component.png',
						src_5: '/static/tabbar/about_cur.png',
						src_6: '/static/tabbar/about.png',
						class_1: 'text-cyan',
						class_2: 'text-gray',
						name: '医废列表'
					},
					{
						data_url: 'plugin',
						src_1: '/static/tabbar/about_cur.png',
						src_2: '/static/tabbar/about.png',
						src_1: '/static/tabbar/basics_cur.png',
						src_2: '/static/tabbar/basics.png',
						src_3: '/static/tabbar/component_cur.png',
						src_4: '/static/tabbar/component.png',
						src_5: '/static/tabbar/about_cur.png',
						src_6: '/static/tabbar/about.png',
						class_1: 'text-cyan',
						class_2: 'text-gray',
						name: '我的'
					}
				]
			}
			
		},
		methods: {
			NavChange: function(e) {
				this.PageCur = e.currentTarget.dataset.cur
			}
		}
	}
</script>

<style>

</style>
