- 发布：2020-08-28 13:46
- 更新：2020-08-28 13:46
- 阅读：785
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10(1903)
手机系统： 全部
手机厂商： 华为
页面类型： vue
打包方式： 云端
项目创建方式： CLI
CLI版本号： v2.0.0-28820200820001
测试过的手机：
操作步骤：
- 使用vue-cli创建uni-app项目
- 在css代码中写上述"问题描述"中的css代码
- 执行真机调试
- 使用vue-cli创建uni-app项目
- 在css代码中写上述"问题描述"中的css代码
- 执行真机调试
预期结果：
预期应该编译出
.test2 {
background-image: url('./static/logo.png');
}
预期应该编译出
.test2 {
background-image: url('./static/logo.png');
}实际结果：
.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
0 个回复