Lysander686
Lysander686
  • 发布:2020-10-19 16:10
  • 更新:2020-10-19 16:10
  • 阅读:1200

【报Bug】uni app view标签设置图片内联样式, 图片在h5 chrome正常显示, 在安卓端的hbuilder中无法正常显示

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows 10 version 2004

HBuilderX类型: 正式

HBuilderX版本号: 2.9.3

手机系统: Android

手机系统版本号: Android 10

手机厂商: 小米

手机机型: 红米k30pro

页面类型: vue

打包方式: 离线

项目创建方式: HBuilderX

操作步骤:

在同一个页面分别输入

 <view class="icon-text">  
        <view class="icon" style="background-image: url('../static/images/personalCenter/guanyuIcon.png');"></view>  
        <view class="text">关于我们</view>  
    </view>  

    <view class="icon-text">  
        <view class="icon" style="background-image: url('../static/images/personalCenter/banben_icon@3x.png');"></view>  
        <view class="text">版本</view>  
    </view>

可得到bug 的结果

预期结果:

windows电脑chrome h5端和安卓端hbuilder都可正常显示

实际结果:

只有h5可以正常显示, 安卓不可以正常显示

bug描述:

windows chrome 和 hbuilder 安卓端 调试同一个页面, 内有

    <view class="icon-text">  
        <view class="icon" style="background-image: url('../static/images/personalCenter/guanyuIcon.png');"></view>  
        <view class="text">关于我们</view>  
    </view>  

    <view class="icon-text">  
        <view class="icon" style="background-image: url('../static/images/personalCenter/banben_icon@3x.png');"></view>  
        <view class="text">版本</view>  
    </view>

使用下划线命名的图片无法正常显示, 使用小驼峰的方式命名的图片可以正常显示.

另外, 将内联样式写成<style>里面的样式也可以使得图片正常显示

android hbuilder端

91f591a585699927bb98c474eefcabc

windows电脑chrome端

image_304

2020-10-19 16:10 负责人:无 分享
已邀请:

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