<view hover-class="hover_1" @click.stop="handleScanForm">
</view>.hover_1 {
//点击效果1
opacity: 0.7; // 降低透明度实现点击效果
transform: scale(0.98); // 轻微缩小实现点击效果
transition: all 0.05s ease-out; // 添加过渡动画
}
y***@163.com
- 发布：2025-09-02 10:35
- 更新：2025-09-18 17:28
- 阅读：75
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window10
HBuilderX类型： 正式
HBuilderX版本号： 4.76
手机系统： iOS
手机系统版本号： iOS 14
手机厂商： 苹果
手机机型： iphonex
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<view hover-class="hover_1" @click.stop="handleScanForm">
</view>
.hover_1 {
//点击效果1
opacity: 0.7; // 降低透明度实现点击效果
transform: scale(0.98); // 轻微缩小实现点击效果
transition: all 0.05s ease-out; // 添加过渡动画
}
<view hover-class="hover_1" @click.stop="handleScanForm">
</view>.hover_1 {
//点击效果1
opacity: 0.7; // 降低透明度实现点击效果
transform: scale(0.98); // 轻微缩小实现点击效果
transition: all 0.05s ease-out; // 添加过渡动画
}
预期结果：
点击态可以恢复常规
点击态可以恢复常规
实际结果：
实际无法恢复
实际无法恢复
bug描述：
其他环境正常，在ios环境，hover-class会一直处于点击态，无法恢复
涛tao - 一切皆有可能~
现在遇到了，我的情况是使用var 变量不行。直接使用色值就正常。
但是在一个全新的项目中使用时又是正常的。奇怪的狠！
<style lang="scss">
.t-grid-item {
&--hover {
// 正常
background-color: #f2f2f2;
// 不正常。点击后背景无法恢复
// background-color: var(--tao-hover-bg);
}
}
</style>-
你好，看我下面评论，请在 HBuilderX 中选择帮助-bug 反馈，会带上你的 HBuilderX 版本、运行平台和复现工程，方便追踪问题
2025-09-18 17:31
-
回复 DCloud_UNI_OttoJi: 早都提交了。你们看下。复现的demo也提供了。https://issues.dcloud.net.cn/pages/issues/detail?id=21721
2025-09-22 10:37
DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信
问题模板是否写错了 vue 版本？是 uvue 还是 nvue? 如果是 uniapp x 平台，可在 HBuilderX 中选择帮助-bug 反馈，提供复现工程，x 平台问题会有专人处理。
Gongjinwei
一样 找不到解决办法
2025-09-12 15:27