uni-app 【报Bug】当 nvueStyleCompiler 为 "uni-app" 时,view组件的 hover-class 不生效
uni-app 【报Bug】当 nvueStyleCompiler 为 “uni-app” 时,view组件的 hover-class 不生效
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| Windows | Windows 10 | HBuilderX |
产品分类:uniapp/App
PC开发环境操作系统:Windows
PC开发环境操作系统版本号:Widnows 10
HBuilderX类型:正式
HBuilderX版本号:3.2.3
手机系统:Android
手机系统版本号:Android 10
手机厂商:小米
手机机型:K20 Pro
页面类型:nvue
打包方式:云端
项目创建方式:HBuilderX
示例代码:
``` html
<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”,重新编译后发现正常。
官网文档对编译模式的描述
更多关于uni-app 【报Bug】当 nvueStyleCompiler 为 "uni-app" 时,view组件的 hover-class 不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
更多关于uni-app 【报Bug】当 nvueStyleCompiler 为 "uni-app" 时,view组件的 hover-class 不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
情况还是不一样的,nvue下如果样式编译器改为weex,是正常的,只有用uni-app模式才不行
我看上面的帖子回复说:button的hover-class,App-nvue 平台暂不支持
你可以用附件里的样例跑一下,实际nvue还是支持的 从HBuilderX 3.1.0+ 引入新的样式编译器,即"nvueStyleCompiler": “uni-app” ,hover-class才不生效
回复 Vkla: 对,我也是这样。
view组件 hover-class 在weex模式中正常,uni-app模式不正常,希望官方能同步。
回复 Vkla: 大哥 我h5页面组件都不管用 nvueStyleCompiler 改生啥 都不管用 小程序却能实现 谁能帮帮我啊
回复 刚学uinapp: 如果你认为自己遇到了bug,应该新开一个帖子,并且把最小复现的例子作为附件上传,这样才是有效的沟通。
view组件 hover-class 在weex模式中正常,uni-app模式不正常,希望官方能同步。
纯nvue项目(render为native)navigator 组件 hover-class=“navigator-hover” 设置这个默认样式点击有变色效果,设置其他任何样式点击都没有效果。
view组件 hover-class 在weex模式中正常,uni-app模式不正常,希望官方能同步。
这是关于点击变色的两个bug。
同样遇到 hover-class 不生效的情况,求官方给个答复
下个alpha版修复
现在修复了没有
下个alpha版修复(春节未发布)

