<template>
    <div :class="noroll?'noroll':''">
			 <div class = "lod">
          <Loading></Loading>
        </div>
		<StSportsHead />
		<StRollingBallHead :name = 'name'/>
        <StCapot :gameCode = 'gameCode'  />
		<!-- <StLinkFooter />  -->
    </div>
    
</template>
<script>
import StSportsHead from "@/components/StSportsHead"
import StRollingBallHead from "@/components/StRollingBallHead"
import StCapot from "@/components/StCapot"
import Loading from "@/components/StLoading"

import StLinkFooter from "@/components/StLinkFooter"
export default {
	name:'LeagueBetting',
	data(){
		return{
			gameCode : this.$route.query.gameCode,
			name:this.$route.query.name,
			norill:false,
		}
	},
	computed:{
		noRoll(){
			return this.$store.getters.getNoRoll
		}
	},
	watch:{
		noRoll(val){
			this.norill=val
		}
	},
	components:{
		StSportsHead,
		StRollingBallHead,
		StCapot,
		StLinkFooter,
		Loading
	},
}
</script>
<style scoped>
		.noroll{
		position: fixed;
		 width: 100%;
		top: 0;
		left: 0;
	}
</style>



