菜鸡
菜鸡
  • 发布:2020-08-28 13:46
  • 更新:2020-08-28 13:46
  • 阅读:272

【报Bug】关于uni-app文档中css使用本地背景图的错误

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10(1903)

HBuilderX类型: 正式

手机系统: 全部

手机厂商: 华为

页面类型: vue

nvue编译模式: fast

打包方式: 云端

项目创建方式: CLI

CLI版本号: v2.0.0-28820200820001

测试过的手机:

一加,苹果

操作步骤:
  1. 使用vue-cli创建uni-app项目
  2. 在css代码中写上述"问题描述"中的css代码
  3. 执行真机调试

预期结果:

预期应该编译出

 .test2 {  
     background-image: url('./static/logo.png');  
 }

实际结果:
 .test2 {  
     background-image: url('/static/logo.png');  
 }

bug描述:

文档连接:背景图片
文档描述中需要使用如下方法来使用本地背景图

 .test2 {  
     background-image: url('~@/static/logo.png');  
 }

最终在app端编译出的路径是/static/logo.png
app端webview的href是file:///storage/emulated/0/Android/data/com.xxx.app/apps/__UNI__xxxx/www/__uniappview.html
最终请求的图片地址就是file://static/logo.png
实际上应该请求file:///storage/emulated/0/Android/data/com.xxx.app/apps/__UNI__xxxx/www/static/logo.png
所以编译出来的路径应该是./static/logo.png而不是/static/logo.png

2020-08-28 13:46 负责人:无 分享
已邀请:

要回复问题请先登录注册