首页 > 编程语言 >微信小程序设置 本地图片为背景图 报错

微信小程序设置 本地图片为背景图 报错

时间:2023-06-12 14:48:23浏览次数:42  
标签:显示 本地 微信 报错 设置 背景图 背景图片 图片

微信小程序 通过wxss进行设置 背景图报错

背景

经查询,发现微信小程序中,将网络图片或base64图片设置为背景图片可正常显示,将本地图片设置为背景图片则不能显示,解决方法有三种,个人采用的是第三种方法。

1. 本地图片转换为base64格式

在线转格式

2.使用行内样式

 <view class="flex_view" bindtap="handleUpstream" style="background:url(../../../images/upstream_bg2.png);">

行内样式经验证,存在模拟器正常显示,真机无法正常显示的问题

3. image替换背景图片,定位实现背景图片效果

 <view class="flex_view" bindtap="handleUpstream">
     <image src="../../../images/upstream_bg0.png"  class="flex_bg"/>

image替换背景图

模拟器,真机都可以显示

4. 可通过网络地址访问,以网络图片的形式访问,解决了背景图片显示的问题

标签:显示,本地,微信,报错,设置,背景图,背景图片,图片
From: https://www.cnblogs.com/depressiom/p/17474979.html

相关文章

  • Playwright运行报错的解决
    未安装浏览器报错playwright._impl._api_types.Error:Executabledoesn'texistat/home/deploy/.cache/ms-playwright/firefox-1403/firefox/firefox╔═════════════════════════════════════════════════════════......
  • [转]POI 解析excel报错 java.lang.NoClassDefFoundError: org/apache/poi/ss/usermode
    前几天做了一个excel上传导入功能,为了通用想同步支持xls和xlsx格式。代码编写期并没有报错,所需要的类也都有。可是应用启动完测式功能的时候报了这么一个错Causedby:java.lang.NoClassDefFoundError:org/apache/poi/ss/usermodel/Date1904Support这是为什么呢?我第一感觉是jar......
  • 微信ipad协议/微信个人协议/个微协议/ipad8.0.37协议/ipad协议/gewe框架
    目前微信社群比较火,市面上社群管理工具也是有各式各样的,但是最终都不开微信的协议,协议样式也有很多,例如web、PCHook、模拟机、Xposed等。但是目前各类协议的稳定性有待考究。目前微信8.0.37协议稳定不封号,安全性好,功能满足,行业占有率高。gewe框架已将8.03.7协议封装为统一的框架服......
  • XXL-JOB手工执行任务报错:msg:xxl-rpc remoting error(Connection refused (Connection
    【问题描述】XXL-JOB手工执行任务报错:msg:xxl-rpcremotingerror(Connectionrefused(Connectionrefused)),forurl  【原因分析】 在xxl-job服务端所在的服务器上面去telnetxxl-job所在的客户端服务器的9986端口,提示拒绝连接:对于端口拒绝连接的问题,应该是网络的问......
  • 微信小程序 自定义弹窗
    效果图wxml<viewclass="toastbd"catchtouchmove='preventTouchMove'wx:if='{{showModal}}'></view><viewclass="mytoast"catchtouchmove='preventTouchMove'wx:if='{{showModal}}'>......
  • try……except配合traceback模块,进行不报错异常捕获
    通过try语句去尝试做正确的事,如果中途遭遇了意外情况就引发异常提示try:………………………………………………………………return"成功执行"exceptExceptionase:#Handletheexceptiont......
  • 解决gorm安装报错
    报错:go:modulegrom.io/gorm:Get"https://proxy.golang.org/grom.io/gorm/@v/list":dialtcp142.251.43.17:443:connectex:Aconnectionattemptfailedbecausetheconnectedpartydidnotproperlyrespondafteraperiodoftime,orestablishedconn......
  • windows 安装docker desktop 报错
    安装docker时报错:JSON字符串无效。(异常来自HRESULT:0x83750007)在Windows.Data.Json.JsonValue.Parse(Stringinput)在CommunityInstaller.InstallWorkflow.SetupBackendModeAndFeatures-----------------------------------------------------------------------......
  • 仿微信我的列表功能菜单按钮 我的个人中心页面功能菜单
    前端vue自定义仿微信我的列表功能菜单按钮我的个人中心页面功能菜单, 下载完整代码请访问https://ext.dcloud.net.cn/plugin?id=12990效果图如下:    ####使用方法```使用方法<!--leftTitle:标题 icon:左边图标@click:点击事件 --><ccMenuBtnleftTitle="......
  • [GPT] php 报错 Unsupported operand types
     Unsupportedoperandtypes这个错误通常发生在使用了不支持的操作数类型时。例如,当您尝试对两个不同类型的值执行算术运算时,就会出现这个错误。例如,如果您尝试将字符串与数字相加,则会出现此错误: $number=10;$string="20";$result=$number+$string;//Unsuppo......