y***@163.com

发布：2025-09-02 10:35
更新：2025-09-18 17:28
阅读：225

uniappx uvue 在ios环境，hover-class会一直处于点击态，无法恢复

分类：uni-app x

bug已修复

产品分类： uni-app x/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会一直处于点击态，无法恢复。uniapp x vue版本：3 文件类型：uvue

2025-09-02 10:35 负责人:无分享

3 个回复

y***@163.com (作者)

有人开发ios遇到过这种情况吗？

2025-09-02 13:50 分享

Gongjinwei

一样找不到解决办法

2025-09-12 15:27
y***@163.com (作者)

回复 Gongjinwei: 官方这个方式有漏洞，等着修复吧

2025-09-28 10:39

涛tao - 一切皆有可能~

现在遇到了，我的情况是使用var 变量不行。直接使用色值就正常。
但是在一个全新的项目中使用时又是正常的。奇怪的狠！

<style lang="scss">  
    .t-grid-item {  
        &--hover {  
            // 正常  
            background-color: #f2f2f2;  

            // 不正常。点击后背景无法恢复  
            // background-color: var(--tao-hover-bg);  
        }  
    }  
</style>

2025-09-18 14:41 分享

[已删除]

你好，看我下面评论，请在 HBuilderX 中选择帮助-bug 反馈，会带上你的 HBuilderX 版本、运行平台和复现工程，方便追踪问题

2025-09-18 17:31
涛tao

回复 [已删除]: 早都提交了。你们看下。复现的demo也提供了。https://issues.dcloud.net.cn/pages/issues/detail?id=21721

2025-09-22 10:37
y***@163.com (作者)

可能某些属性可以恢复点击态，官方这个方式有漏洞

2025-09-28 10:40
[已删除]

回复涛tao: 此问题已在 issues 系统标记修复，后续请在 issues 系统补充。

2026-01-08 15:08

[已删除]

问题模板是否写错了 vue 版本？是 uvue 还是 nvue? 如果是 uniapp x 平台，可在 HBuilderX 中选择帮助-bug 反馈，提供复现工程，x 平台问题会有专人处理。

2025-09-18 17:28 分享

y***@163.com (作者)

使用的是uvue，vue版本是3，谢谢您的建议，我现在去反馈一下

2025-09-28 10:00

要回复问题请先登录或注册

uniappx uvue 在ios环境，hover-class会一直处于点击态，无法恢复

示例代码：

`<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描述：

3 个回复

公告

相关问题

uniappx uvue 在ios环境，hover-class会一直处于点击态，无法恢复

示例代码： <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描述：

与内容相关的链接

3 个回复

公告

相关问题

示例代码：

`<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; // 添加过渡动画
}

预期结果：

点击态可以恢复常规

实际结果：

实际无法恢复