uniapp打包WGT背景图不显示问题

uniapp真机背景图不显示问题

有时候uniapp更新后,运行到浏览器可以看到背景图片。但打包wgt后，在真机上就看不到背景图片。可以采用以下方式

（下面有条件编译，根据不同的情况分别编译）

 <view class="container"<!-- #ifdef APP-PLUS -->:style="{backgroundImage: 'url(../../static/register_bg_image.png)'}"<!-- #endif --><!-- #ifdef H5||MP-WEIXIN -->:style="{backgroundImage: `url(${loginBackgroundImage})`}"<!-- #endif -->></view>

在script中引入import loginBackgroundImage from “…/…/static/register_bg_image.png”;

在data中使用使用该变量。因为小程序是使用网络资源。

data() {return {loginBackgroundImage: loginBackgroundImage,// #ifdef MP
loginBackgroundImage:'https://img.ugomt.com/static/register_bg_image.png',
// #endif}
}

uniapp打包WGT背景图不显示问题相关推荐

uniapp背景图片android不显示,uniapp设置的背景图无法显示怎么办
uniapp设置的背景图无法显示的解决办法:1.检查图片大小,然后将其转换为base64格式使用或者将其放到服务器上,从网络地址引用:2.将本地背景图片的引用路径修改为以"~@"符 ...
拖动滑块拼图背景图没显示_计划B？那是计划N…没什么。拼图于2015年问世
拖动滑块拼图背景图没显示真是一天当典型的欧洲人逐渐破产时,美国的人们开始喝咖啡. 这就是为什么我在Mark Reinhold最近的新闻中睡个好觉的原因. 他在题为" Project Ji ...
uniapp之微信小程序背景图的显示问题
文章目录前言一.在scss样式设置二.将base64图片作为参数使用三.背景图样式的切换总结前言首先要说明,使用HBuilder工具开发的时候,在微信开发者工具调试的时候,我们使用本地图 ...
html背景图平移显示一次,制作网页如何使背景图片只出现一次(拉伸)？
制作页面时,有时需要在表格内插入背景图,我们可以使用CSS进行控制,代码: style="background-image:url(./images/counter_bg.jpg);back ...
html css背景图居中显示,网站背景图居中自适应以及拉伸填充CSS代码解决方法
写这篇水文呢,也是最近在自己在魔改一个主题用作新做的班级网站. 发现模版的背景图片以及其他地方的图片显示只能在电脑端看到,而在移动端不能够自适应.顺便也整理出来. 首先是图片的居中自适应: 需要先给C ...
html背景图不显示_批量显示多张有序排列的图标，使用精灵图CSS Sprites这种办法...
让你显示一个天气图标你会怎么显示呢?让你做一个简单的动图你会怎么采用什么方式呢?让你输出一个长期固定的图标列表你会怎么编写代码呢? 如果不管性能,不用css,不用js,可能你会这么写html: < ...
vue 生产环境 background 背景图不显示原因
通常我们使用img标签引入文件,npm run build 打包后 ,因为img为html标签,打包后他的路径是由index.html开始访问的,他走static/img/'图片名'是能正确访问到图片 ...
html背景图平移显示一次,js实现单张图片平移切换效果
由于个人不需要手动切换功能,因此把那部分的内容删了,主要是增加了无缝切换的效果. 原理也很简单,大概是一张图移动到左边以后,从底部移回最右,等待下一次循环. jquer实现图片切换 $(functio ...
uni-app在手机上背景图片不显示，唯一的解决办法
uni-app解决无法加载本地图片的方法[动态加载背景图片*唯一的解决办法] 特别注意:千万别忘记了[url(${indexBackgroundImage})] <template>< ...

uniapp打包WGT背景图不显示问题

uniapp真机背景图不显示问题

uniapp打包WGT背景图不显示问题相关推荐

最新文章

热门文章