<template >
  <div transition="move" class="food" v-show="showFlag">    
  </div>
</template>
<script type="text/ecmascript-6">
    export default{
        data(){
            return{
                showFlag:false
            }
        },
        components:{

        },
        props:{
            food:{
                tyoe:Object
            }
        },
        methods: {
            show(){
                this.showFlag=true;
            }
        }
    }
</script>
<style lang="stylus" rel="stylesheet/stylus">
.food
    position:fixed;
    left:0;
    top:0;
    bottom:48px;
    z-index:30;
    width:100%;
    background-color :#fff;
    &.move-transition
        transition :all 0.3s linear;
        transform :translate3d(0,0,0);
    &.move-enter,&.move-leave
        transform :translate3d(100%,0,0);//表示一個從右向左的飛入動畫         
</style>