BJ_ZXJ

发布：2023-06-13 11:45
更新：2024-03-13 15:55
阅读：290

【报Bug】nvue 模式下 Hello uni-app 的 uni-data-checkbox 样式错乱

分类：uni-app

bug已确认

产品分类： uniapp/App

PC开发环境操作系统： Mac

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

HBuilderX类型： Alpha

HBuilderX版本号： 3.8.4

手机系统： iOS

手机系统版本号： iOS 16

手机厂商：苹果

手机机型： iPhone 13 Pro

页面类型： nvue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

操作步骤：

新建 `Hello uni-app` 项目，将 `pages/extUI/data-checkbox/data-checkbox.vue` 文件更换名称为 `data-checkbox.nvue`，启动项目。

预期结果：

正常展示。

实际结果：

样式错乱。

bug描述：

在 nvue 模式下，新建 Hello uni-app 项目，uni-data-checkbox 样式错乱。

2023-06-13 11:45 负责人:DCloud_UNI_HRK 分享

4 个回复

qboy

到现在还没有解决么？

BJ_ZXJ (作者)

把它源码拷下来改一改，或者自己手写一个

2024-01-03 10:07

DCloud_UNI_Anne

nvue vue3 复现，已加分感谢反馈！

DCloud_UNI_HRK

感谢反馈，排查出原因是nvue组件下内置组件不会继承class上面的样式

DCloud_UNI_HRK

该bug预计下版本会解决，临时解决方案：将以下scss代码复制到nvue文件的style里面

checkBox样式.txt

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

【报Bug】nvue 模式下 Hello uni-app 的 uni-data-checkbox 样式错乱

操作步骤：

新建 `Hello uni-app` 项目，将 `pages/extUI/data-checkbox/data-checkbox.vue` 文件更换名称为 `data-checkbox.nvue`，启动项目。

预期结果：

正常展示。

实际结果：

样式错乱。

bug描述：

4 个回复

公告

相关问题

【报Bug】nvue 模式下 Hello uni-app 的 uni-data-checkbox 样式错乱

操作步骤： 新建 Hello uni-app 项目，将 pages/extUI/data-checkbox/data-checkbox.vue 文件更换名称为 data-checkbox.nvue，启动项目。

预期结果： 正常展示。

实际结果： 样式错乱。

bug描述：

与内容相关的链接

4 个回复

公告

相关问题

操作步骤：

新建 `Hello uni-app` 项目，将 `pages/extUI/data-checkbox/data-checkbox.vue` 文件更换名称为 `data-checkbox.nvue`，启动项目。

预期结果：

正常展示。

实际结果：

样式错乱。