在app.vue中写入一批css图片引用变量，在页面中的css中写一个类名样式并在类名中通过background-image: var(--xx-x);进行引用，然后在html中使用这个类名
1***@qq.com
- 发布：2024-12-22 02:48
- 更新：2024-12-25 11:49
- 阅读：157
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window11专业版 23H2
HBuilderX类型： 正式
HBuilderX版本号： 4.36
手机系统： Android
手机系统版本号： Android 15
手机厂商： 华为
手机机型： nova10
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
与直接行内样式一样正常显示背景图
与直接行内样式一样正常显示背景图
实际结果：
无法正常显示并且通过webview调试器可以发现报错Failed to load resource: net::ERR_FILE_NOT_FOUND
无法正常显示并且通过webview调试器可以发现报错Failed to load resource: net::ERR_FILE_NOT_FOUND
bug描述：
在app.vue中写入一批css图片引用变量，在index.vue页面中进行使用，分别按照：
1、行内样式
2、在css中写固定类名并在dom中使用这个固定类名
3、在css中写固定类名并动态赋值类名
三种形式进行引用，得出结论只有在行内样式使用变量才能正常显示图片其他情况下均无法正常显示，打包后查看static文件已经被打包到app中。
1***@qq.com (作者)
尝试过~@、@、/static、都不行
2024-12-28 01:24
DCloud_UNI_LXH
回复 1***@qq.com: 相对路径。../static 这样的
2024-12-30 11:01