for_client/src/views/login/components/home-bg.vue

<template>
    <div class="hc-login-theme-home" v-if="isBody">
        <template v-for="item in theme.home">
            <img :src="item.bg" :alt="item.name" loading="lazy">
        </template>
    </div>
</template>

<script setup>
import {ref, nextTick} from "vue";
import theme from '~src/config/theme'

const isBody = ref(false)

//渲染完成
nextTick(()=> {
    isBody.value = true
})
</script>

<style lang="scss" scoped>
//预先加载首页背景图
.hc-login-theme-home {
    position: absolute;
    z-index: -11;
    img {
        width: 100px;
    }
}
</style>