<template>
	<view class="gamecont">
		<view class="contone">
			<view class="contone_item contone_item1">
				Betting assistant (last 100 periods)
			</view>
			<view class="contone_item contone_item2">
			<view class="miss">
				missing
			</view>
			<view class="num_con">
				<view class="num" @click="sendCond">
					6
				</view>
				<view class="num">
					3
				</view>
				<view class="num">
					26
				</view>
				<view class="num">
					7
				</view>
				<view class="num">
					19
				</view>
				<view class="num">
					9
				</view>
				<view class="num">
					8
				</view>
				<view class="num">
					12
				</view>
				<view class="num">
					1
				</view>
				<view class="num">
					0
				</view>
			</view>
			</view>
			<view class="contone_item contone_item2">
			<view class="miss">
				frequency
			</view>
			<view class="num_con">
				<view class="num">
					6
				</view>
				<view class="num">
					3
				</view>
				<view class="num">
					26
				</view>
				<view class="num">
					7
				</view>
				<view class="num">
					19
				</view>
				<view class="num">
					9
				</view>
				<view class="num">
					8
				</view>
				<view class="num">
					12
				</view>
				<view class="num">
					1
				</view>
				<view class="num">
					0
				</view>
			</view>
			</view>
		</view>
		
		<view class="conttwo">
			<view class="contone_item contone_item2">
			<view class="miss">
				20210602234
			</view>
			<view class="num_con">
				<view class="num2">
					6
				</view>
				<view class="num2">
					3
				</view>
				<view class="num2">
					26
				</view>
				<view class="num2">
					7
				</view>
				<view class="num2">
					19
				</view>
				<view class="num2">
					9
				</view>
				<view class="num2">
					8
				</view>
				<view class="num2">
					12
				</view>
				<view class="num2">
					1
				</view>
				<view class="num2">
					0
				</view>
			</view>
			</view>
			<view class="contone_item contone_item2">
			<view class="miss">
				20210602233
			</view>
			<view class="num_con">
				<view class="num2">
					6
				</view>
				<view class="num2">
					3
				</view>
				<view class="num2">
					26
				</view>
				<view class="num2">
					7
				</view>
				<view class="num2">
					19
				</view>
				<view class="num2">
					9
				</view>
				<view class="num2">
					8
				</view>
				<view class="num2">
					12
				</view>
				<view class="num2">
					1
				</view>
				<view class="num2">
					0
				</view>
			</view>
			</view>
			
			<view class="contone_item contone_item2">
			<view class="miss">
				20210602232
			</view>
			<view class="num_con">
				<view class="num2">
					6
				</view>
				<view class="num2">
					3
				</view>
				<view class="num2">
					26
				</view>
				<view class="num2">
					7
				</view>
				<view class="num2">
					19
				</view>
				<view class="num2">
					9
				</view>
				<view class="num2">
					8
				</view>
				<view class="num2">
					12
				</view>
				<view class="num2">
					1
				</view>
				<view class="num2">
					0
				</view>
			</view>
			</view>
			
			<view class="contone_item contone_item2">
			<view class="miss">
				20210602231
			</view>
			<view class="num_con">
				<view class="num2">
					6
				</view>
				<view class="num2">
					3
				</view>
				<view class="num2">
					26
				</view>
				<view class="num2">
					7
				</view>
				<view class="num2">
					19
				</view>
				<view class="num2">
					9
				</view>
				<view class="num2">
					8
				</view>
				<view class="num2">
					12
				</view>
				<view class="num2">
					1
				</view>
				<view class="num2">
					0
				</view>
			</view>
			</view>
			<view class="contone_item contone_item2">
			<view class="miss">
				20210602230
			</view>
			<view class="num_con">
				<view class="num2">
					6
				</view>
				<view class="num2">
					3
				</view>
				<view class="num2">
					26
				</view>
				<view class="num2">
					7
				</view>
				<view class="num2">
					19
				</view>
				<view class="num2">
					9
				</view>
				<view class="num2">
					8
				</view>
				<view class="num2">
					12
				</view>
				<view class="num2">
					1
				</view>
				<view class="num2">
					0
				</view>
			</view>
			</view>
			<view class="contone_item contone_item2">
			<view class="miss">
				20210602229
			</view>
			<view class="num_con">
				<view class="num2">
					6
				</view>
				<view class="num2">
					3
				</view>
				<view class="num2">
					26
				</view>
				<view class="num2">
					7
				</view>
				<view class="num2">
					19
				</view>
				<view class="num2">
					9
				</view>
				<view class="num2">
					8
				</view>
				<view class="num2">
					12
				</view>
				<view class="num2">
					1
				</view>
				<view class="num2">
					0
				</view>
			</view>
			</view>
			<view class="contone_item contone_item2">
			<view class="miss">
				20210602228
			</view>
			<view class="num_con">
				<view class="num2">
					6
				</view>
				<view class="num2">
					3
				</view>
				<view class="num2">
					26
				</view>
				<view class="num2">
					7
				</view>
				<view class="num2">
					19
				</view>
				<view class="num2">
					9
				</view>
				<view class="num2">
					8
				</view>
				<view class="num2">
					12
				</view>
				<view class="num2">
					1
				</view>
				<view class="num2">
					0
				</view>
			</view>
			</view>
		</view>
			<cont class="test"></cont>
			<view class="morejia">
				<p class="">More</p>
				<image src="../../static/color/loading_icon_ins@3x(20).png" mode=""></image>
			</view>
	</view>
	

</template>

<script>
	import cont from "../cont/cont.vue"
	const COMPONENT_NAME = 'gamecont'
	export default {
		name: COMPONENT_NAME,
	
		data() {
			return {
		    
			}
		},
		computed: {
		
		},
		mounted() {
		
		},
		methods: {
		sendCond(){
			this.$emit("send",true);
		}
	},
	}
</script>


<style>
	.gamecont{
		position: relative;
	}
	.gamecont .test{
		position: fixed;
		right: 0;
		top: 75%;
	}
	.num2{
		width: 40rpx;
		line-height: 40rpx;
		text-align: center;
		font-size: 24rpx;
		color: #303133;
		border: 2rpx solid #EDEFF2;
		border-radius: 50%;
	}
	.num{
		width: 40rpx;
		line-height: 32rpx;
		text-align: center;
		font-size: 28rpx;
		color: #303133;
	}
	.num_con{
		width: 514rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.miss{
		width: 236rpx;
		color: #606266;
		font-size: 28rpx;
		text-transform: capitalize;
	}
	.contone_item2{
		display: flex;
		justify-content: space-between;
	}
.gamecont{
		
}
.contone{
	background-color: #F5F7FA;
	padding: 0 36rpx;

}
.conttwo{
	padding: 0 36rpx;
}
.contone_item{
	line-height: 72rpx;
}
.contone_item1{
	font-size: 24rpx;
	color: #909399;
}
.morejia{
	display: table;
	width: auto;
	margin: 0 auto;
	padding-top: 48rpx;
	padding-bottom: 62rpx;
}
.morejia p{
	font-size: 28rpx;
	color: #954DE3;
	    text-align: center;
}
.morejia image{
	display: block;
	width: 24rpx;
	height: 24rpx;
	margin: 0 auto;
}

</style>
