usky-ssr/src/components/layout/feedFix.vue

<script setup lang="ts">
if (typeof window !== 'undefined' && typeof window.globalThis.addEventListener === 'function') {
    globalThis.addEventListener('scroll', function() {
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        var element:any = document.getElementById("scroll-up")
        if(scrollTop > 770){
            element.style.opacity = 1
        }else{
            element.style.opacity = 0
        }
    });
}
//返回顶部
function scrollToTop() {
    globalThis.scrollTo({
        top: 0,
        behavior: "smooth"
    })
}
</script>
<template>
<div class="feedBackBox">
    <div class="contactOne">
        <img src="@/assets/img/home/f_phone.png" alt="">
        <ul class="contactInner">
            <li style="font-size:25px;margin-bottom:5px">合作共赢</li>
            <li>
                <span>智&nbsp;  慧&nbsp;  消&nbsp;&nbsp;  防:</span>
                <span>李先生 18621761642</span>
            </li>
            <li>
                <span>人脸识别系统:</span>
                <span>李先生 18621761642</span>
            </li>
            <li>
                <span>弱 电 智 能 化:</span>
                <span>李先生 13918571231</span>
            </li>
            <li>
                <span>质量 监督投诉:</span>
                <span>孙先生 17721169552</span>
            </li>
            <li style="margin-top:10px">其他智慧城市相关应用合作: 021-65376655</li>
        </ul>
    </div>
    <div class="contactQr">
        <!-- 二维码 -->
        <img src="@/assets/img/home/f_code.png" alt="">
        <div class="">
            <img src="@/assets/img/qr_codeF1.png" alt="">
        </div>
    </div>
    <div @click="scrollToTop" id="scroll-up" style="opacity:0">
        <img src="@/assets/img/home/f_top.png" alt="">
    </div>
</div>
</template>
<style lang="scss" scoped>

</style>