<template>
    <div class="returnTop flexcenter" @click="screenroll()">
        <img class="icon" src="@/assets/img/publicImage/back-icon.png">
    </div>
</template>

<script setup>
const screenroll = () => {
    window.scrollTo({
        top: 0,
        behavior: "smooth"
    })
}
</script>

<style lang="less" scoped>
@media screen and (max-width: 1360px) {
    .returnTop {
        right: 0 !important;
    }
}

.returnTop {
    position: fixed;
    right: calc((100vw - 1200px) / 2 - 75px);
    bottom: 18px;
    width: 50px;
    height: 50px;
    background-color: #323232;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11764706);
    border-radius: 50%;
    z-index: 10;
    cursor: pointer;

    .icon {
        width: 24px;
        height: 24px;
    }
}
</style>