解决uniapp微信开发小程序背景本地图片渲染层网络层错误问题

一、首先看一下我们的源代码和报错原因

1.1源代码是这个样子的
解决uniapp微信开发小程序背景本地图片渲染层网络层错误问题_第1张图片

1.2先来看下我们的页面

1.2.1原设计图是这个样子的
解决uniapp微信开发小程序背景本地图片渲染层网络层错误问题_第2张图片
1.2.2而此时我们的页面
解决uniapp微信开发小程序背景本地图片渲染层网络层错误问题_第3张图片
1.2.3然后来看下我们的报错
在这里插入图片描述

二、解决方法

2.1先来看下我们的源代码
解决uniapp微信开发小程序背景本地图片渲染层网络层错误问题_第4张图片
把原有的background-image: url(../../static/img/hd2.png);剪切掉
放到我们的template中的布局中
解决uniapp微信开发小程序背景本地图片渲染层网络层错误问题_第5张图片
2.2 然后再来看下我们的页面
解决uniapp微信开发小程序背景本地图片渲染层网络层错误问题_第6张图片

此方法是自己试出来的如果有效果的话请劳烦您的小手点个赞!!

你可能感兴趣的:(uniapp,微信小程序,小程序,uni-app)