 <template>
	<div class="up-maps-loading" v-show="lock">
        <img src="../../images/loading-new.png">&nbsp;正在加载
    </div>
</template>

<script>
    export default {
    	data(){
            return{
                positionY: 0,
                timer: null,
                lock:true
            }
        },
        mounted(){
        	// this.timer = setInterval(() => {
        	// 	this.positionY ++;
        	// }, 600)
        },
        // beforeDestroy(){
        // 	clearInterval(this.timer);
        // }
    }
</script>

<style lang="scss" scoped>
    @import '../../style/mixin';
	.up-maps-loading{
        margin: 10px 0;
        text-align: center;
        line-height: 20px;
    }
    .up-maps-loading>img{
        display: inline-block;
        margin: 0 auto;
        width: 20px;
        height: auto;
        animation: circle 1s infinite linear;
        -webkit-animation: circle 1s infinite linear;
    }

</style>
