sports_wap/vue_sports/.svn/pristine/20/2050ff525ea40b8466a79ddb5350221c677070b8.svn-base

<template>
    <div >
        <div class = "lod">
          <Loading></Loading>
        </div>
        <SportsHead></SportsHead>
        <ScrollNav></ScrollNav>
        <BallDisc></BallDisc>
        <Characteristic></Characteristic>
        <Sports></Sports>
        <LinkFooter></LinkFooter>
        <div v-if="isshow==true" class="login"><Login></Login></div>
        <div v-else-if="rgShow==true"><register></register></div>
    </div>
</template>
<script>
import '../../css/index.css';
import  BallDisc from '../../components/StBallDisc';
import  ScrollNav from '../../components/StScrollNav';
import  SportsHead from '../../components/StSportsHead';
import  LinkFooter from '../../components/StLinkFooter';
import Characteristic from'../../components/StCharacteristic';
import Loading from '../../components/StLoading';
import Sports from'../../components/StSports';
import Login from '../Login/index/StLogin'
import register from '../Login/index/register'
export default {
    name:'Home',
    components:{
        SportsHead,
        ScrollNav,
        BallDisc,
        LinkFooter,
        Characteristic,
        Sports,
        Loading,
        Login,
        register
    },
    data(){
        return{
            data:'',
            isshow:false,
            rgShow:false,//隐藏注册框
        }
    },
    computed: {
        Isshow:function(){
            return {
                isshow_code:this.$store.state.isShow,
                rgShow:this.$store.state.rgShow
            }
        }
    },
    watch: {
        Isshow(obj){
            this.isshow=obj.isshow_code;
            this.rgShow = obj.rgShow;
        }
    },
}
</script>
<style scoped>
    .lod{
        z-index: 999;
        position: fixed;
        width: 100%;
    }
    .login{
        z-index: 99999;
        position: fixed;
        top: 0;
    }
</style>