JiangxiMiniProgram/pages/indexEntry/credit/credit.vue

<template>
	<view class="pageBg">
		<view class="ul">
			<view class="li">
				<view class="num">1</view>
				<view class="con">
					<schoolItme :showPhone="false"/>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import schoolItme from '../findShcool/comp/schoolItem.vue'
	export default {
		components: { schoolItme },
		onLoad(option) {
			if(option.type) {
				uni.setNavigationBarTitle({
					title: '合格率排行'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.ul {
		padding: 28rpx;
	}
	.li {
		display: flex;
		align-items: center;
		.num {
			width: 56rpx;
			height: 36rpx;
			border-radius: 4rpx;
			text-align: center;
			background: #ADADAD;
			font-size: 28rpx;
			color: #fff;
			margin-right: 28rpx;
			&:nth-child(1) {
				background: #FF6B6D;
			}
			&:nth-child(2) {
				background: #F18840;
			}
			&:nth-child(3) {
				background: #FFB83E;
			}
		}
		.con {
			flex: 1;
			width: 0;
		}
	}
</style>