<template>
	<view class="container">
		<image class="cbg" src="../../static/common_bg.png"></image>
		<view class="wrap">
			<view @click="toUrl(1)">报名状态</view>
			<view @click="toUrl(2)">本班通讯录</view>
			<view @click="toUrl(3)">本班课表</view>
			<view @click="toUrl(4)">缴费信息</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {
				course_id:''
			}
		},
		onLoad(options) {
			this.course_id = options.id
		},
		methods:{
			toUrl(type){
				if(type===1){
					uni.navigateTo({
						url:'/packages/mycourse/courseStatus?id='+this.course_id
					})
				}else if(type===2){
					uni.navigateTo({
						url:'/packages/mycourse/courseTxl?id='+this.course_id
					})
				}else if(type===3){
					uni.navigateTo({
						url:'/packages/mycourse/courseContents?id='+this.course_id
					})
				}else if(type===4){
					uni.navigateTo({
						url:'/packages/mycourse/coursePay?id='+this.course_id
					})
				}
			},
		}

	}
</script>

<style scoped lang="scss">
	.container{
		padding: 30rpx;
		width:100%;
		height:100vh;
		.cbg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
		}
		.wrap{
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			&>view{
				width:200rpx;
				height:180rpx;
				text-align: center;
				line-height: 180rpx;
				margin:20rpx;
				font-size: 28rpx;
				background:linear-gradient(to right,#d8b594,#ba9676);
				border-radius: 20rpx;
				color:#fff;
				
			}
		}
	}
		

</style>