需求:
在uniapp代码中view的背景图加载
问题:
直接使用background-image: url(../../static/icon_top_bg.png); 会导致图片不显示
代码:
<template> <view class="index" :style="{backgroundImage:`url(${indexBackgroundImage})`,backgroundSize: 'cover'}"> <!--你的内容--> </view> </template> <script> import indexBackgroundImage from "@/static/img/account_index.jpg" export default { data() { return { indexBackgroundImage:indexBackgroundImage } }, methods: { } } </script> <style lang="scss" scoped=""> </style>
总结:
直接加载图片可能不会显示,绝对路径和相对路径都会不显示,需要动态加载图片地址,通过data赋值
标签:indexBackgroundImage,..,app,static,uni,data,背景图片,加载 From: https://www.cnblogs.com/hxmbk/p/17391356.html