- 发布：2021-05-06 10:35
- 更新：2023-05-06 17:13
- 阅读：2326
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 11.3.1
HBuilderX类型： 正式
HBuilderX版本号： 3.1.12
手机系统： 全部
手机厂商： 华为
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
<template>
<view>
<button hover-class="i-hover">点我看看hover效果</button>
<view style="width: 750rpx;height: 120rpx;" hover-class="i-hover">
<text>点我看hover效果</text>
</view>
</view>
</template>
<script>
export default {
}
</script>
<style>
.i-hover {
background-color: #FF9090;
}
</style>
<template>
<view>
<button hover-class="i-hover">点我看看hover效果</button>
<view style="width: 750rpx;height: 120rpx;" hover-class="i-hover">
<text>点我看hover效果</text>
</view>
</view>
</template>
<script>
export default {
}
</script>
<style>
.i-hover {
background-color: #FF9090;
}
</style>操作步骤：
- 新建项目；
- 新建nvue页面；
- 复制上面代码；
- 运行到app；
- 新建项目；
- 新建nvue页面；
- 复制上面代码；
- 运行到app；
预期结果：
具备hover效果
具备hover效果
实际结果：
没有hover效果
没有hover效果
bug描述：
- 新建项目；
- nvue页面；
- 编译到app；
- hover-class设置没有效果；
button的hover效果无法覆盖；
view的hover效果无法设置；
最佳回复
问题复现后续优化，已加分，感谢您的反馈！
button的hover-class，App-nvue 平台暂不支持
view的hover-class新版已经修复，临时解决方案：nvueStyleCompiler修改为weex
以前没注意，今天才发现这个问题，看来还是没有修复啊
-
-
-
-
-
-
-
回复 DCloud_UNI_GSQ: 项目未开启fast启动模式、未开启纯nvue、nvueStyleCompiler配置的是uniapp 。nvue页面，view标签设置hover-class 编译成APP不生效,test.nvue如下:
<template>
<view class="root-view">
<view
class="test1"
hover-class="hover-test1"
>
<text>{{ '测试内容' }}</text>
</view>
</view>
</template>
<style lang="scss">
.root-view {
flex: 1;
background-color: #f9fafc;
}
.grid-item {
width: 150rpx;
height: 150rpx;
background-color: #13c2c2;
margin-top: 10rpx;
border-radius: 20rpx;
}
.hover-test1{
background-color: #f56c6c;
}
</style>
2022-04-24 10:05
语文数学天才 (作者)
那看来需要给我加很多分，我以前的问题基本都在github
2021-05-07 08:01
2***@qq.com
什么时候修复啊
2021-05-16 15:21
语文数学天才 (作者)
还在修复计划之中吗
2021-07-27 11:57