Sports/pages/achievement/detail/detail.vue

<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>
			<image class="topimg" src="@/static/bg (1).png" mode=""></image>
		</view>
		<view class="allb">
			<view class="allbut">
				全部单元<uni-icons type="down" size="17"></uni-icons>
			</view>
			<view class="allbut1">
				全部<uni-icons type="down" size="17"></uni-icons>
			</view>
		</view>
		<!-- <view class="" v-for="(item,index) in 5" v-if="">
					2023.02.27 第一单元
				</view> -->
		<!-- <uni-table ref="table1"  emptyText="暂无更多数据">
					<uni-tr>
						<uni-th width="96" align="center">序号</uni-th>
						<uni-th width="96" align="center">时间</uni-th>
						<uni-th width="96" align="center">项目名称</uni-th>
						<uni-th width="96" align="center">人数</uni-th>
						<uni-th width="96" align="center">组数</uni-th>
					</uni-tr>
					 <view class="">222222222222222222222222</view>
					<uni-tr v-for="(item, index) in tableDataSc" :key="index">
						<uni-td>{{ item.date }}</uni-td>
						<uni-td>{{ item.date }}</uni-td>
						<uni-td>{{ item.date }}</uni-td>
						<uni-td>
							<view class="name">{{ item.name }}</view>
						</uni-td>
						<uni-td align="center">{{ item.address }}</uni-td>
					</uni-tr>
				</uni-table> -->

		<view class="tabletop">
			<view class="tabletop1">序号</view>
			<view class="tabletop2">时间</view>
			<view class="tabletop3">项目名称</view>
			<view class="tabletop4">人数</view>
			<view class="tabletop5">组数</view>
		</view>
		<view v-for="(item,index) in 3" @click="chengjiList">
			<view class="danyuan">
				2023.02.27 第一单元
			</view>
			<uni-table emptyText="暂无更多数据">
				<uni-tr>
					<uni-td width="120" align="center">Jeson</uni-td>
					<uni-td width="150" align="center">Jeson</uni-td>
					<uni-td width="200" align="center">Jeson</uni-td>
					<uni-td width="150" align="center">Jeson</uni-td>
					<uni-td width="150" align="center">1</uni-td>
				</uni-tr>
			</uni-table>
		</view>
	</view>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '成绩详情'
			}
		},
		methods: {
			chengjiList(){
				uni.navigateTo({
					url: "/pages/index/competition/schedule/schedule"
				})
			},
			record() {},
			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>
	.allbut {
		width: 180rpx;
		height: 66rpx;
		background: #F5F6FA;
		border-radius: 33rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		font-size: 24rpx;
		color: #333333;
		text-align: center;
		line-height: 66rpx;
	}

	.allbut1 {
		width: 150rpx;
		height: 66rpx;
		background: #F5F6FA;
		border-radius: 33rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		font-size: 24rpx;
		color: #333333;
		text-align: center;
		line-height: 66rpx;
		margin-left: 24rpx;
	}

	.allb {
		display: flex;
		// margin-bottom: 18rpx;
		// justify-content: ;
		margin: 24rpx;
	}

	.tabletop {
		width: 750rpx;
		height: 76rpx;
		background: #F6D3D8;
		font-size: 28rpx;
		color: #333333;
		display: flex;
		line-height: 76rpx;
		text-align: center;

		.tabletop1 {
			width: 120rpx;
		}

		.tabletop2 {
			width: 150rpx;
		}

		.tabletop3 {
			width: 200rpx;
		}

		.tabletop4 {
			width: 150rpx;
		}

		.tabletop5 {
			width: 150rpx;
		}
	}

	.danyuan {
		width: 750rpx;
		height: 76rpx;
		text-align: center;
		line-height: 76rpx;
		background: #F9F2F3;
	}

	.topimg {
		width: 750rpx;
		height: 416rpx;
	}

	.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;
	}

	.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>