vue less 在style中使用动态背景图

NI_chunz

已于 2024-03-07 14:39:28 修改

阅读量445

点赞数 10

文章标签： vue.js 前端 javascript

于 2024-03-07 14:37:27 首次发布

本文链接：https://blog.csdn.net/NI_chunz/article/details/136533315

版权

<div class="banner" :style="{ '--bgLogo': bgLogo }">
    <div class="title" >
      <h2>Online Service Center</h2>
      <div class="tips">
        Create and manage your support and warranty requests
      </div>
    </div>
  </div>
  <script setup>
  let bg =require("@/assets/imgs/bg-logo.png")
    let bgLogo = ref(`url(${bg})`);
    </script>
  <style scoped lang="less">
  .banner{
	background-image: var(--bgLogo);  
 }
  </style>