<template>
	<view class="oppo-box">
		<image style="width: 100%; height: 247rpx;" src="@/static/bg (2).png"></image>
		<view class="custom-navigation-bar">
			<view class="left-button" @click="handleBack">
				<uni-icons type="left" color="#fff" size="30"></uni-icons>
			</view>
			<view class="title">
				{{ title }}
			</view>
		</view>
		<view class="nr" v-for="(item,index) in 5">
			<view class="nrtext">
				炽能体育公开赛
			</view>
			<view class="nrtext1">检录时间：2023-10-14 19:29</view>
			<view class="nrtext1">赛程时间：2023-10-14 19:59</view>
			<view class="nrtext">男子U18组100米 预赛 第26组</view>
			<uni-row>
				<uni-col :span="14">
					<view class="nrtext2">成绩 02:10.91</view>
				</uni-col>
				<uni-col :span="10">
					<view class="buts">
						<button class="buts1" @click="certificate">成绩证书</button>
						<button class="buts2" @click="poster">海报</button>
					</view>
				</uni-col>
			</uni-row>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '我的赛程'
			}
		},
		methods: {
			certificate() {
				uni.navigateTo({
					url: "/pages/user/process/certificate/certificate"
				})
			},
			poster(){
				uni.navigateTo({
					url: "/pages/user/process/poster/poster"
				})
			},
			qxpop() {
				this.$refs.popup.close('center')
			},
			tuikuan() {
				this.$refs.popup.open('center')
			},
			detail() {
				uni.navigateTo({
					url: "/pages/user/myclub/detail/detail"
				})
			},
			handleBack() {
				uni.navigateBack()
			},
			toPage() {
				console.log(1111232)
				uni.navigateTo({
					url: "/pages/user/index"
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.buts{
		display: flex;
		.buts1{
			padding: 0;
			width: 141rpx;
			height: 57rpx;
			background: #FFFFFF;
			border-radius: 10rpx;
			border: 1px solid #CA151F;
			font-size: 26rpx;
			color: #CA151F;
			line-height: 57rpx;
		}
		.buts2{
			margin-left: 24rpx;
			padding: 0;
			width: 110rpx;
			height: 56rpx;
			background: #CA151F;
			border-radius: 10rpx;
			line-height: 56rpx;
			font-size: 26rpx;
			color: #FFFFFF;
		}
	}
	.nr{
		width: 640rpx;
		// height: 100rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		margin: 24rpx auto;
		padding: 31rpx;
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #333333;
		line-height: 40rpx;
		.nrtext{
			font-family: PingFang SC;
			font-weight: bold;
			font-size: 30rpx;
			color: #333333;
			line-height: 60rpx;
		}
		.nrtext1{
			font-family: PingFang SC;
			font-weight: 500;
			font-size: 24rpx;
			color: #AAAAAA;
			line-height: 40rpx;
		}
		.nrtext2{
			font-family: PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #CA151F;
		}
	}
	.oppo-box {
		width: 100vw !important;
		height: 100vh !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}

	.text-color {
		color: #CA151F;
	}
	.custom-navigation-bar {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 220rpx;
		/* #ifdef MP-WEIXIN */
		margin-top: -230rpx;
		/* #endif */
	}

	.left-button,
	.right-button {
		padding: 0 12px;
	}

	.title {
		flex: 1;
		// text-align: center;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
	}
</style>