对于一个网站，我希望70%的页面被一个图像覆盖.然而，图像只是空白.我使用Vue.js作为我的前端.这里是导致一个空白的代码：

<script setup lang="ts">
import { ref, onMounted, computed } from 'vue';
</script>

<template>

  <div style="background-image: `url(${require('../assets/bg.png')})`;
            height: 70vh" class="full-width-image">
    </div>
      <div class="container">
        <div class="row">
          <div class="col">

          </div>
        </div>
        <div class="row">
          <div class="col">
            <h1>Test</h1>
            <p>test test test!</p>
          </div>
        </div>
    </div>
</template> -

  <style>
  .full-width-image {
    margin: auto;
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

  }
  </style>

字符串
以下是网站的外观：