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

分类：uni-app

bug反馈

产品分类： 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会一直处于点击态，无法恢复

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

1 个回复

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

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

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

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

1 个回复

公告

相关问题

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

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

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

预期结果：

点击态可以恢复常规

实际结果：

实际无法恢复