gaobaoUniApp/pages/myinfo2/myinfo2.vue

<template>
	<view class="jiben">
		<view class="schoolicon">
			<image src="../../static/北大@2x.png" mode=""></image>
		</view>
		<view class="icontext">
			系统预测该校录取概率为：{{}}
		</view>
		<view class="jieshao">
			<!-- <sun-tab :value.sync="index" :tabList="tabList"></sun-tab> -->
			<sun-tab :value.sync="index" @change="objectChange" :tabList="tabObjectList" rangeKey="name"></sun-tab>
		</view>
	</view>
</template>

<script>
	import sunTab from '@/components/sun-tab/sun-tab.vue';

	export default {
	        components: {
	            sunTab
	        },
	        data() {
	            return {
	                index: 0,
	                tabList: ['学院介绍','开设专业','录取招生'], //普通数据赋值
	                tabObjectList: [ //对象数组赋值
	                    {
	                        name: '学院介绍',
	                        value: 1
	                    },
	                    {
	                        name: '开设专业',
	                        value: 2
	                    },
	                    {
	                        name: '录取招生',
	                        value: 3
	                    }
	                ],
	            }
	        },
	        methods: {
	            arrayChange(e){
	                console.log('数组数据返回格式');
	                console.log(e);
	            },
	            objectChange(e){
	                console.log('对象数据返回格式');
	                console.log(e);
	            }
	        }
	    }
</script>

<style>
	.jiben{
		padding-top: 60upx;
		width:750upx;
		height:1002upx;
		background:rgba(255,255,255,1);
	}
	.schoolicon{
		margin: 0 auto;
		width: 180upx;
		height: 180upx;
	}
	.schoolicon image{
		display: inline;
	}
	.icontext{
		margin-top: 24upx;
		text-align: center;
		font-size:28upx;
		font-family:PingFangSC;
		font-weight:400;
		color:rgba(117,119,128,1);
		line-height:40upx;
	}
</style>