小程序
小游戏
企业微信
微信支付
扫描小程序码分享
由于引入图片太多,小程序代码超过2m,因此采取引入线上图片资源的方式减少代码体积。
目前在引入刚上传到线上的图片资源作为背景图片的时候,在真机中无法显示出来,而开发者工具可以显示,并且在浏览器打开该链接也可以看到图片。
请问下有大佬出现过这种问题吗?或者有什么思路想法的可以帮忙下。
下图第一张为真机, 第二张为开发者工具
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我想问下,最后是怎么解决的,我也遇到了同样的问题
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
可以把图片转换为base64写到css里
背景图的不能放在css里面,否则无法保证ios和android是一样的效果。
把background-image放在行内,写内联样式
贴出你CSS引入背景图的代码
/* 编译前 */
@mixin full-url-path($imgUrl) {
background-image: url($baseUrl + $imgUrl);
}
.child {
@include full-url-path('user_child_icon.png');
/* 编译后 */
background-image: url(https://mapi.ekwing.com/resource/parent/9.0/mp-res/img/user_child_icon.png);
这张图片的服务器域名是否有在开发设置中配置?没有配置的话线上看不到的哦。
真机打开调试 看下页面是否报错
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我想问下,最后是怎么解决的,我也遇到了同样的问题
可以把图片转换为base64写到css里
背景图的不能放在css里面,否则无法保证ios和android是一样的效果。
把background-image放在行内,写内联样式
贴出你CSS引入背景图的代码
/* 编译前 */
@mixin full-url-path($imgUrl) {
background-image: url($baseUrl + $imgUrl);
}
.child {
@include full-url-path('user_child_icon.png');
}
/* 编译后 */
.child {
background-image: url(https://mapi.ekwing.com/resource/parent/9.0/mp-res/img/user_child_icon.png);
}
这张图片的服务器域名是否有在开发设置中配置?没有配置的话线上看不到的哦。
真机打开调试 看下页面是否报错