dev/dcp-app-gate/pages/financialService/dom/pageMenu.vue

<template>
	<view class="pageMenu">
		<u-tabs ref="tabs" :list="menuList" :current="current" @change="change" :bar-height="0"></u-tabs>
	</view>
</template>

<script>
	export default {
		name:'PageMenu',
		props:['currentIndex'],
		data(){
			return {
				current:this.currentIndex,
				menuList:[
					{
						id:0,
						name:this.$t('common.FinancialInstitutions'),
						path:'/pages/financialService/financialOrgans/organsList'
					},{
						id:1,
						name:this.$t('common.InvestmentGuide'),
						path:'/pages/financialService/investmentGuide/guideList'
					},
					{
						id:2,
						name:this.$t('common.ProjectAppraisal'),
						path:'/pages/financialService/projectEvaluation/evaluationList'
					},
					{
						id:3,
						name:this.$t('common.FundIdeas'),
						path:'/pages/financialService/financialFundIdeas/fundIdeasList'
					}
				],
				menuListEn:[
					{
						id:0,
						name:'FinancialInstitutions',
						path:'/pages/financialService/financialOrgans/organsList'
					},{
						id:1,
						name:'InvestmentGuide',
						path:'/pages/financialService/investmentGuide/guideList'
					},{
						id:2,
						name:'ProjectAppraisal',
						path:'/pages/financialService/projectEvaluation/evaluationList'
					},{
						id:3,
						name:'FundIdeas',
						path:'/pages/financialService/financialFundIdeas/fundIdeasList'
					}
				]
			}
		},
		methods:{
			
			change(index) {
				this.current = index;
				uni.redirectTo({
					url:this.menuList[index].path
				})
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.pageMenu{
		border-bottom:1px solid #eee;
		margin-top:50rpx;
		height:44px;
	}
</style>