<!--课程-详情-->
<template>
	<view class="main_box">
		<view class="main_section">
			<view class="title">XXX体育馆</view>
			<view class="con">南山区科苑路15号科兴科学园</view>
			<view class="con">距您1km</view>
			<view class="current-venue" v-if="true">
				当前场馆
			</view>
		</view>
		<view class="main_section">
			<view class="title">XXX体育馆</view>
			<view class="con">南山区科苑路15号科兴科学园</view>
			<view class="con">距您1km</view>
		</view>
		<view class="main_section">
			<view class="title">XXX体育馆</view>
			<view class="con">南山区科苑路15号科兴科学园</view>
			<view class="con">距您1km</view>
		</view>
		<view class="main_section">
			<view class="title">XXX体育馆</view>
			<view class="con">南山区科苑路15号科兴科学园</view>
			<view class="con">距您1km</view>
		</view>
		<view class="main_section">
			<view class="title">XXX体育馆</view>
			<view class="con">南山区科苑路15号科兴科学园</view>
			<view class="con">距您1km</view>
		</view>
		<view class="main_section">
			<view class="title">XXX体育馆</view>
			<view class="con">南山区科苑路15号科兴科学园</view>
			<view class="con">距您1km</view>
		</view>
		<view class="main_section">
			<view class="title">XXX体育馆</view>
			<view class="con">南山区科苑路15号科兴科学园</view>
			<view class="con">距您1km</view>
		</view>
		<view class="main_section">
			<view class="title">XXX体育馆</view>
			<view class="con">南山区科苑路15号科兴科学园</view>
			<view class="con">距您1km</view>
		</view>
		<view class="main_section">
			<view class="title">XXX体育馆</view>
			<view class="con">南山区科苑路15号科兴科学园</view>
			<view class="con">距您1km</view>
		</view>
		<view class="main_section">
			<view class="title">XXX体育馆</view>
			<view class="con">南山区科苑路15号科兴科学园</view>
			<view class="con">距您1km</view>
		</view>
	</view>
	</view>
</template>

<script>
	import user from '@/api/user.js';
	import AQTabber from "@/components/AQ/AQTabber.vue"


	export default {
		components: {
			AQTabber,
		},
		data() {
			return {

			}
		},
		onLoad() {},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	.main_box {
		width: 100%;
		height: 100vh;
		overflow: auto;
		background: #292929;
	}
	.main_section{
		width: 92%;
		border-radius: 15rpx;
		background-color: #404045;
		margin: 20rpx auto;
		padding: 40rpx 0 40rpx 80rpx;
		color: #fff;
		position: relative;
	}
	.title{
		font-size: 32rpx;
	}
	.con{
		color: #D7D7D7;
		font-size: 26rpx;
		margin-top: 20rpx;
	}
	.current-venue{
		border-radius: 8rpx;
		border: 2rpx #F59A23 solid;
		width: 120rpx;
		text-align: center;
		color: #F59A23;
		position: absolute;
		top: 10%;
		right: 3%;
	}
</style>