<template>
    <div v-on="$listeners" class="component-gotop">
        <i class="iconfont icon-less"></i>
    </div>
</template>
<script>
export default {
    name: 'GoTop',
}

</script>
<style lang="scss" scoped>
@import '../scss/variables.scss';
.component-gotop {
    position: fixed;
    bottom: 1.2rem;
    right: .3rem;
    z-index: 999;
    background: rgba($black, .8);
    text-align: center;
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    border-radius: .8rem;
    font-size: $biggest;
    color: $sub;
    &:active {
        background: rgba($black, .5);
    }

    i{width: .8rem;height: .8rem;display: block;font-size: $biggest;}
}
</style>
