Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

AtDivider height属性值编译为H5版本时候仍旧使用rpx单位 #1725

Closed
ibobjoy opened this issue Dec 19, 2023 · 2 comments
Closed

AtDivider height属性值编译为H5版本时候仍旧使用rpx单位 #1725

ibobjoy opened this issue Dec 19, 2023 · 2 comments
Assignees
Labels
bug Something isn't working fixed but not released 已修复但未发布

Comments

@ibobjoy
Copy link

ibobjoy commented Dec 19, 2023

Taro UI 版本信息

v3.1.0

问题描述

AtDivider 文档描述:“height 分隔符高度,会自动转 rem,rpx”,实际编译成H5版本的代码height仍旧是rpx(应该为rem)

复现步骤

1.源文件中添加:<AtDivider height={64} className='dark"/>
2:npm run dev:h5 编译成H5
3:编译生成<taro-view-core class="at-divider dark" style="height:64rpx;">...</taro-view-core>
WechatIMG277

复现代码

/*只要设置了该属性,编译H5值都会转成rpx单位;*/

报错信息

AtDivider height属性值编译成H5,转成了rpx单位,而在H5中是没有rpx这个单位的,建议按文档转成rem或其他有效单位

系统信息

👽 Taro v3.6.20

Taro CLI 3.6.20 environment info:
System:
OS: macOS 13.6.1
Shell: 5.9 - /bin/zsh
Binaries:
Node: 16.20.2 - ~/.nvm/versions/node/v16.20.2/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 8.19.4 - ~/.nvm/versions/node/v16.20.2/bin/npm
npmPackages:
@tarojs/cli: 3.6.20 => 3.6.20
@tarojs/components: 3.6.20 => 3.6.20
@tarojs/helper: 3.6.20 => 3.6.20
@tarojs/plugin-framework-react: 3.6.20 => 3.6.20
@tarojs/plugin-platform-alipay: 3.6.20 => 3.6.20
@tarojs/plugin-platform-h5: 3.6.20 => 3.6.20
@tarojs/plugin-platform-jd: 3.6.20 => 3.6.20
@tarojs/plugin-platform-qq: 3.6.20 => 3.6.20
@tarojs/plugin-platform-swan: 3.6.20 => 3.6.20
@tarojs/plugin-platform-tt: 3.6.20 => 3.6.20
@tarojs/plugin-platform-weapp: 3.6.20 => 3.6.20
@tarojs/react: 3.6.20 => 3.6.20
@tarojs/runtime: 3.6.20 => 3.6.20
@tarojs/shared: 3.6.20 => 3.6.20
@tarojs/taro: 3.6.20 => 3.6.20
@tarojs/taro-loader: 3.6.20 => 3.6.20
@tarojs/webpack5-runner: 3.6.20 => 3.6.20
babel-preset-taro: 3.6.20 => 3.6.20
eslint-config-taro: 3.6.20 => 3.6.20
react: ^18.0.0 => 18.2.0
taro-ui: ^3.1.1 => 3.1.1

补充信息

Copy link

taro-ui-bot bot commented Dec 19, 2023

欢迎提交 Issue~

如果你提交的是 bug 报告,请务必遵循 Issue 模板的规范,尽量用简洁的语言描述你的问题,最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足,或者已经其他 issue 已经存在相关内容,你的 issue 有可能会被关闭。

Good luck and happy coding~

@ibobjoy
Copy link
Author

ibobjoy commented Dec 19, 2023

临时修复 可用样式覆盖

@robinv8 robinv8 self-assigned this Jan 23, 2024
@robinv8 robinv8 added bug Something isn't working fixed but not released 已修复但未发布 labels Jan 23, 2024
robinv8 added a commit that referenced this issue Jan 24, 2024
# [](v3.2.2...v) (2024-01-24)


### Bug Fixes

* **divider:** 解决单位编译不正确的问题 [#1725](#1725) ([3243e13](3243e13))
* **swipe-action:** 修复在 h5 环境下点击事件失效的问题 ([1ef87d2](1ef87d2))
* **tabs:** 修复 h5 环境下样式报错的问题 ([8ea0de3](8ea0de3))
* 解决小程序下无法获取元素信息的问题 ([8927199](8927199)), closes [#1734](#1734)
* 解决未居中的问题 ([28e47b6](28e47b6))


### Features

* **indexes:** 右侧索引跟随滚动区域高亮 [#1693](#1693) ([0140a61](0140a61))

---------

Co-authored-by: Xia Yuxuan <[email protected]>
Co-authored-by: xiayuxuan <[email protected]>
@robinv8 robinv8 closed this as completed Jan 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working fixed but not released 已修复但未发布
Projects
None yet
Development

No branches or pull requests

2 participants