Vue之设置背景图片

最新推荐文章于 2024-07-08 16:22:31 发布

g0415shenw

最新推荐文章于 2024-07-08 16:22:31 发布

阅读量3.1k

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/g0415shenw/article/details/108769108

版权

vue 专栏收录该内容

29 篇文章 1 订阅

订阅专栏

放置背景图片路径：

设置背景图片

<template>
  <div class="background">
    <img :src="imgSrc" width="100%" height="100%" alt="" />
  </div>
</template>

<script>
export default {
  data () {
    return {
      imgSrc: require('../assets/1.png')
    }
  }
}
</script>

<style>
  .background {
    left: 0;
    top: 0;
    width:100%;
    height:100%;  /**宽高100%是为了图片铺满屏幕 */
    z-index:-1;
    position: absolute;
}
</style>