logosdu

发布：2022-10-19 22:51
更新：2024-10-23 11:47
阅读：307

【报Bug】css变量中使用less变量作为备选值，值的单位如果是rpx，在H5上不能解析成px

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 12.5.1

HBuilderX类型：正式

HBuilderX版本号： 3.6.4

浏览器平台： Chrome

浏览器版本： 105.0.5195.102（正式版本） (arm64)

项目创建方式： HBuilderX

示例代码：

被引用less文件组件同目录下 child.less

@child-height: 20rpx;

调用方Vue文件

<template>  
  <view class="test"/>  
</template>  
<style lang="less">  
@import "./child.less";  
.test {  
  height: var(--test-heigght, @child-height)  
}  
</style>

浏览器上实际属性

.test {  
    height: var(--test-heigght, 20rpx);  
}

期望值

.test {  
    height: var(--test-heigght, 10px);  
}

操作步骤：

参考代码示例

预期结果：

期望值

.test {  
    height: var(--test-heigght, 10px);  
}

实际结果：

浏览器上实际属性

.test {  
    height: var(--test-heigght, 20rpx);  
}

bug描述：

bug描述

css变量中使用less变量作为备选值，值的单位如果是rpx，在H5上不能解析成px

2022-10-19 22:51 负责人:无分享

2 个回复

1***@163.com - 90后IT

请问有找到解决方法吗

1***@qq.com

一样的bug

要回复问题请先登录或注册

【报Bug】css变量中使用less变量作为备选值，值的单位如果是rpx，在H5上不能解析成px

被引用less文件组件同目录下 child.less

调用方Vue文件

浏览器上实际属性

期望值

操作步骤：

参考代码示例

参考代码示例

预期结果：

期望值

`.test { height: var(--test-heigght, 10px); }`

期望值

实际结果：

浏览器上实际属性

`.test { height: var(--test-heigght, 20rpx); }`

浏览器上实际属性

bug描述：

bug描述

css变量中使用less变量作为备选值，值的单位如果是rpx，在H5上不能解析成px

2 个回复

公告

相关问题

【报Bug】css变量中使用less变量作为备选值，值的单位如果是rpx，在H5上不能解析成px

被引用less文件 组件同目录下 child.less

调用方Vue文件

浏览器上实际属性

期望值

操作步骤： 参考代码示例

参考代码示例

预期结果： 期望值 .test { height: var(--test-heigght, 10px); }

期望值

实际结果： 浏览器上实际属性 .test { height: var(--test-heigght, 20rpx); }

浏览器上实际属性

bug描述：

bug描述

css变量中使用less变量作为备选值，值的单位如果是rpx，在H5上不能解析成px

与内容相关的链接

2 个回复

公告

相关问题

被引用less文件组件同目录下 child.less

操作步骤：

参考代码示例

预期结果：

期望值

`.test { height: var(--test-heigght, 10px); }`

实际结果：

浏览器上实际属性

`.test { height: var(--test-heigght, 20rpx); }`