原因:是因为本地的背景图片过大,uniapp仅支持<image>、base64或网络地址图片方式
解决:
1.就用<image>标签
2.在onLoad,用getImageInfo方法,也可以显示图片(个人觉得和base64方式差不多)
3.就是要用到base64的方式了,要安装image-tools - DCloud 插件市场这一个插件,
npm i image-tools --save
然后在<script>里
import { pathToBase64, base64ToPath } from 'image-tools'
最后在onLoad里
pathToBase64('图片地址')
.then(base64 => {
console.log(base64)
})
.catch(error => {
console.error(error)
})
base64就在控制台出来了。
结束!!