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

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

手机系统：全部

手机厂商：华为

页面类型： vue

打包方式：云端

项目创建方式： CLI

CLI版本号： v2.0.0-28820200820001

测试过的手机：

一加,苹果

操作步骤：

使用vue-cli创建uni-app项目

在css代码中写上述"问题描述"中的css代码

执行真机调试

预期结果：

预期应该编译出

 .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 负责人:无分享

0 个回复

该问题目前已经被锁定, 无法添加新回复

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

测试过的手机：

操作步骤：

使用vue-cli创建uni-app项目

在css代码中写上述"问题描述"中的css代码

执行真机调试

预期结果：

预期应该编译出

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

实际结果：

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

bug描述：

0 个回复

公告

相关问题

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

测试过的手机：

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

预期结果： 预期应该编译出 .test2 { background-image: url('./static/logo.png'); }

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

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

操作步骤：

使用vue-cli创建uni-app项目

在css代码中写上述"问题描述"中的css代码

执行真机调试

预期结果：

预期应该编译出

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

实际结果：

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