Vkla
Vkla
  • 发布:2021-09-08 15:34
  • 更新:2022-02-06 20:37
  • 阅读:1320

【报Bug】当 nvueStyleCompiler 为 "uni-app" 时,view组件的 hover-class 不生效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Widnows 10

HBuilderX类型: 正式

HBuilderX版本号: 3.2.3

手机系统: Android

手机系统版本号: Android 10

手机厂商: 小米

手机机型: K20 Pro

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  
	<view>  
		<view class="box" hover-class="bg-red">  
			<text>Box1</text>  
		</view>  
		<view class="box" hover-class="bg-blue">  
			<text>Box2</text>  
		</view>  
	</view>  
</template>  
  
<script>  
export default {  
	data() {  
		return {  
			title: 'Hello'  
		};  
	},  
	onLoad() {},  
	methods: {}  
};  
</script>  
  
<style>  
.box {  
	border: 1px solid black;  
	margin: 20rpx 0 0;  
}  
.bg-red {  
	background-color: red;  
}  
.bg-blue {  
	background-color: blue;  
}  
</style>  

操作步骤:

新建项目,view组件中写上hover-class

预期结果:

view组件按下后应用对应样式

实际结果:

无反应

bug描述:

当 nvueStyleCompiler 为 "uni-app" 时,view组件的 hover-class 不生效。
将 nvueStyleCompiler 设置为为 "weex",重新编译后发现正常。

官网文档对编译模式的描述

HBuilderX 3.1.0+ 开始支持新的样式编译模式

weex 编译模式:老模式,样式支持与普通 weex 相同
uni-app 编译模式:新模式,在 weex 原有样式基础上支持组合选择器(相邻兄弟选择器、普通兄弟选择器、子选择器、后代选择器)

2021-09-08 15:34 负责人:DCloud_UNI_GSQ 分享
已邀请:
DCloud_UNI_Anne
  • Vkla (作者)

    情况还是不一样的,nvue下如果样式编译器改为weex,是正常的,只有用uni-app模式才不行


    2021-09-08 16:30

  • Vkla (作者)

    我看上面的帖子回复说:button的hover-class,App-nvue 平台暂不支持


    你可以用附件里的样例跑一下,实际nvue还是支持的

    从HBuilderX 3.1.0+ 引入新的样式编译器,即"nvueStyleCompiler": "uni-app" ,hover-class才不生效


    2021-09-08 16:34

  • 7***@qq.com

    回复 Vkla: 对,我也是这样。


    2021-10-22 23:04

  • 7***@qq.com

    view组件 hover-class 在weex模式中正常,uni-app模式不正常,希望官方能同步。


    2021-10-22 23:04

  • 刚学uinapp

    回复 Vkla: 大哥 我h5页面组件都不管用 nvueStyleCompiler 改生啥 都不管用 小程序却能实现 谁能帮帮我啊


    2021-11-28 11:21

  • Vkla (作者)

    回复 刚学uinapp: 如果你认为自己遇到了bug,应该新开一个帖子,并且把最小复现的例子作为附件上传,这样才是有效的沟通。


    2021-12-01 20:33

7***@qq.com

7***@qq.com

** view组件 hover-class 在weex模式中正常,uni-app模式不正常,希望官方能同步。
**

7***@qq.com

7***@qq.com

纯nvue项目(render为native)navigator 组件 hover-class=“navigator-hover” 设置这个默认样式点击有变色效果,设置其他任何样式点击都没有效果。

view组件 hover-class 在weex模式中正常,uni-app模式不正常,希望官方能同步。

这是关于点击变色的两个bug。

阿Zone

阿Zone - 加油啊~

同样遇到 hover-class 不生效的情况,求官方给个答复

l***@163.com

l***@163.com

现在修复了没有

  • DCloud_UNI_GSQ

    下个alpha版修复(春节未发布)


    2022-02-07 15:13

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