uni-app 一键登录底下协议复选框点不中 请考虑增加点击区域

uni-app 一键登录底下协议复选框点不中 请考虑增加点击区域

测试过的手机：

小米11,苹果 XS ，红米K30 ,苹果8,HUAWEI Mate 30,vivo X21A,vivo X23 ,vivo X30,vivo X20A

示例代码：

无需代码，任意一键登录功能即可复现。

操作步骤：

一键登录复选框。

预期结果：

点选条款应便捷，方便。若登录时条款未勾选，应弹窗选择。

实际结果：

无法点击复选框，无法使用一键登录功能。

bug描述：

一键登录的底下协议复选框点不中，请考虑增加点击区域。 一键登录时，点击同意条款的复选框，10次甚至更多，才能点到一次，严重影响使用。

Image


更多关于uni-app 一键登录底下协议复选框点不中 请考虑增加点击区域的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

下个版本会优化点击范围，已加分，感谢您的反馈！

更多关于uni-app 一键登录底下协议复选框点不中 请考虑增加点击区域的实战教程也可以访问 https://www.itying.com/category-93-b0.html


我用的3.3.10版本,还是太小了,点不中,有什么办法解决吗?

苹果手机和安卓手机都是太小了,点不中,其实可以点击旁边的文字也可以选中的,点击蓝色隐私协议才跳转.

针对您反馈的一键登录协议复选框难以点击的问题，这通常是由于复选框的点击区域过小或定位不准确导致的。以下是一些可行的解决方案：

  1. 扩大点击区域：
    将复选框外层的容器（如 label 标签）设置为更大的点击区域，确保用户点击复选框图标或文字时都能触发选中事件。例如：

    <label style="padding: 10px;">
  <checkbox :checked="agree" @click="agree = !agree" />
  同意《用户协议》和《隐私政策》
</label>

  2. 使用 [@tap](/user/tap) 事件替代 @click：
    在移动端，[@tap](/user/tap) 事件对触摸操作更友好，响应更灵敏。

    <label [@tap](/user/tap)="agree = !agree">
  <checkbox :checked="agree" />
  同意协议
</label>
回到顶部