oneTarget.vue 2.0 KB
<template>
	<view class="oneTarget">
		<view class="header-wrap"></view>
		<view class="content_wrap">
			<view class="see-wrap area flex">
				<view class="">
					<view class="">
						公务员成绩
					</view>
					<view class="describe">
						行测 | 申论
					</view>
				</view>
				<view class="go-see" @tap="$sjuNav.navigateTo(`/pagesStu/target_edit/target_edit?type=0`)">
					去制定
				</view>
			</view>
			<view class="see-wrap area flex">
				<view class="">
					<view class="">
						事业单位成绩
					</view>
					<view class="describe">
						职业能力测试 | 综合运用能力
					</view>
				</view>
				<view class="go-see" @tap="$sjuNav.navigateTo(`/pagesStu/target_edit/target_edit?type=1`)">
					去制定
				</view>
			</view>
			<view class="see-wrap area flex">
				<view class="">
					<view class="">
						特岗教师成绩
					</view>
					<view class="describe">
						专业课
					</view>
				</view>
				<view class="go-see" @tap="$sjuNav.navigateTo(`/pagesStu/target_edit/target_edit?type=2`)">
					去制定
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.oneTarget{
		position: relative;
	}
	.content_wrap {
		position: absolute;
		top: 28rpx;
		left: 50%;
		transform: translate(-50%, 0);
	
		.see-wrap {
			height: 200rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #545D71;
			padding: 0 48rpx 0 44rpx;
			margin-bottom: 28rpx;
			justify-content: space-between;
			align-items: center;
	
			.describe {
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #B6B9C0;
				margin-top: 12rpx;
			}
	
			.go-see {
				width: 192rpx;
				height: 80rpx;
				line-height: 80rpx;
				text-align: center;
				background: #2D81FF;
				border-radius: 40rpx;
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
			}
		}
	}

</style>