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

分类：uni-app

bug反馈

产品分类： 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 原有样式基础上支持组合选择器（相邻兄弟选择器、普通兄弟选择器、子选择器、后代选择器）

uni-bug-example.zip

2021-09-08 15:34 负责人:DCloud_UNI_GSQ 分享

5 个回复

DCloud_UNI_Anne

相关问题帖子：https://ask.dcloud.net.cn/question/122455

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