Vue3给div加背景图

<template>
	<div class="container" :style="bgStyle">
		<h1 class="FontColor">关于视觉识别的使用说明</h1>
		<h2 class="FontColor">1.光源均匀照在被测物表面，不可有反光</h2>
		<h2 class="FontColor">2.相机必须能拍摄到被测物体完整的特征</h2>
		<h2 class="FontColor">3.相机和PC端网络必须是千兆直连</h2>
		<h2 class="FontColor">4.相机如果需要运动，避免相机电源线和网线，在长时间运动后不能产生金属疲劳</h2>
	</div>
</template>

<script setup lang="ts" name="systemHelp">
import { onMounted } from 'vue'
import ImgBackground from '../../assets/img/Background.jpg';

onMounted(() => {
})

const bgStyle = {
	backgroundImage: `url(${ImgBackground})`
}

</script>
<style scoped>
.FontColor {
	color: white;
	mix-blend-mode: difference;
}
</style>