uni-app在手机上背景图片不显示
需求：
在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赋值