1、autoScorll.vue

<template>
    <div v-bind:class="`banner ${className}`" ref="banner" v-on:mouseenter="mouseenterFunc"
        v-on:mouseleave="mouseleaveFunc">
        <div class="originDom" ref="originDom">
            <div class="originDomItem" ref="originDomItem" v-for="n in repeatTime" v-bind:key="n">
                <slot></slot>
            </div>
        </div>
    </div>
</template>
</script>
 
<style lang="less" scoped>
.banner {
    position: relative;
    overflow: visible;
    .originDom {
        .originDomItem {
            >* {
                opacity: 0;
            }
        }
    }
}
</style>