j***@163.com
j***@163.com
  • 发布:2020-04-04 00:34
  • 更新:2020-04-04 10:51
  • 阅读:554

【报Bug】以绝对路径的方式直接在dom元素上的style获取静态资源,@ 符号,/ 符号 无效

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]
以绝对路径的方式直接在dom元素上的style获取静态资源,App H5 方式不统一 且 ~@/static 在v3模式下无法获取静态资源
App端 写法"/static"
H5端 写法"static"
@ 符号并没有用

重现步骤

[步骤]
App
无效:<view class="pageClass" style="background-image: url('~@/static/image/frame/login/loginBackgroundImage.png')">
<view class="pageClass" style="background-image: url('@/static/image/frame/login/loginBackgroundImage.png')">
<view class="pageClass" style="background-image: url('static/image/frame/login/loginBackgroundImage.png')">
有效:<view class="pageClass" style="background-image: url('/static/image/frame/login/loginBackgroundImage.png')">
H5
无效:<view class="pageClass" style="background-image: url('~@/static/image/frame/login/loginBackgroundImage.png')">
<view class="pageClass" style="background-image: url('@/static/image/frame/login/loginBackgroundImage.png')">
<view class="pageClass" style="background-image: url('/static/image/frame/login/loginBackgroundImage.png')">
有效:<view class="pageClass" style="background-image: url('static/image/frame/login/loginBackgroundImage.png')">
[结果]

[期望]
App H5 背景色的绝对路径获取方式能统一
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]

HBuilder X - Release Notes 2.6.9.20200403

[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式说明:自定义组件模式?纯nvue模式?v3模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]
小米 android11
[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2020-04-04 00:34 负责人:无 分享
已邀请:
x***@qq.com

x***@qq.com - 疑问?的小纳?

HBuilderX 版本号多少

  • j***@163.com (作者)

    HBuilder X - Release Notes ## 2.6.9.20200403

    2020-04-04 23:02

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