uni-app页面中使用本地背景图片

上代码就完了

<template>
   <view :style="{backgroundImage:`url(${indexBackgroundImage})`,backgroundSize: 'cover'}" >
</view>
</template>

<script>
/**
* author 漫路
* 解释：css背景图片不能使用本地图片，官方给的理由是小程序不支持本地图片，只支持网络访问或者base64。
	因此uniapp也不支持，可是只要不超过40kb便可。
* 注意: 把下面导入的图片路径改为你本身的。
* 还有：若是图片大小超过40kb是不会自动转换的，须要程序员本身吧图片转换成base64格式
*/
import indexBackgroundImage from "@/static/images/myInfo/di.png"
export default {
   data() {
     return {
	indexBackgroundImage:indexBackgroundImage
     };
   },
}
</script>