<template>
	<div :class="noroll?'noroll':''">
		<StSportsHead />
		<StGambling />
		<concede />
		<concede />
		<goal />
		<goal />
		<concede />
		<concede />
		<WaveBladder />
		<WaveBladder />
		<concede />
		<concede />
		<goal />
		<goal />
		<concede />
		<concede />
		<concede />
		<!-- <StLinkFooter /> -->
	</div>
</template>

<script>
	import StSportsHead from "../../../components/StSportsHead";
	import StGambling from "../../../components/StGambling";
	import Concede from "../../../components/StConcede";
	import Goal from "../../../components/StGoal.vue"
	import WaveBladder from "../../../components/StWaveBladder"
	import StLinkFooter from "../../../components/StLinkFooter"
	export default {
		data() {
			return {
				noroll:false,
			}
		},
		computed:{
			noRoll(){
				return this.$store.getters.getNoRoll
			}
		},
		watch:{
			noRoll(val){
				this.noroll=val
			}
		},
		methods: {
			
			
		},
		components:{
		StSportsHead,
		StGambling,
        Concede,
		Goal,
		WaveBladder,
		StLinkFooter
		}
	}
</script>

<style scoped>
	.noroll{
		position: fixed;
		 width: 100%;
		top: 0;
		left: 0;
	}
	
</style>
