<uni-transition :show="true" style="background-color: cadetblue;justify-content: flex-end;flex-direction: row;">
<my-text class="enter-img"></my-text>
<my-text class="enter-img" style="position: absolute;
left: 0;
top: 0;"></my-text>
</uni-transition>
genda_0927
- 发布：2022-08-02 17:53
- 更新：2022-09-05 12:05
- 阅读：696
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 10.15.3
HBuilderX类型： 正式
HBuilderX版本号： 3.5.3
手机系统： Android
手机系统版本号： Android 11
手机厂商： google
手机机型： Pixel 3
页面类型： nvue
vue版本： vue3
打包方式： 离线
项目创建方式： HBuilderX
示例代码：
操作步骤：
在 swiper-item 中 使用自定义组件，一个使用class定义样式，一个使用style定义样式，运行即可发现
在 swiper-item 中 使用自定义组件，一个使用class定义样式，一个使用style定义样式，运行即可发现
预期结果：
class 生效
class 生效
实际结果：
class 不生效
class 不生效
bug描述：
nvue 在 swiper / uni-transition 中使用自定义组件，自定义组件设置的 class 不生效。设置style可以生效
详情见附件代码，示例页面从 首页的 uni logo 点击进入
上传下最简可复现demo，谢谢
-
-
回复 genda_0927: 上传下 最简可复现demo，标注下哪里有问题
index-test 里面有一层 swiper/swiper-item index-page 里面也有一层 swoper/swiper/item
根据提供的信息 uni-transition 中使用自定义组件推断说的是 my-text，但是没有看到 style 和 class 的区别点2022-08-15 11:25
-
genda_0927 (作者)
回复 DCloud_UNI_WZF: swiper 一个三个item
第一个显示的是异常的， class enter-img 没有生效，导致 "left 1 right 1" 并没有左右对齐显示
第二个显示的是正确的，因为使用了 style 定义了属性
第三个 使用了 my-text 自定义组件， 正常 enter-img 生效的话，都会在左上角显示，但没有定义 style 的未在左上角显示
uni-transition 是一样的问题
疑问：
好像只有 position 这个没有生效，待确认2022-08-15 11:53
-
genda_0927 (作者)
我传到附件了啊
https://ask.dcloud.net.cn/file/download/file_name-MzUyLXRlc3Quemlw__url-Ly9pbWctY2RuLXRjLmRjbG91ZC5uZXQuY24vdXBsb2Fkcy9xdWVzdGlvbnMvMjAyMjA4MDIvZGEyY2ZkZDhlNzllOGFiMDU5ZDk0MzVhZGZlNWVjNmE=
genda_0927 (作者)
为什么还是没有回复
-
-
-
回复 genda_0927:但是你给的demo耦合了其他的代码，结合你的描述也不好定位问题
我们不是针对你一个用户解决问题，如果所有用户都提供这样的测试工程，我们要花大量的时间理解用户的代码，但这对于解决问题又没有直接价值，希望你能理解2022-08-24 14:19
-
