code-image-backup-public/lilishop-uniapp
1
0
Fork 0
mirror of https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp.git synced 2026-11-12 20:08:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(verify-code): 重构输入框样式，提升 Android 设备兼容性

Browse Source 
- 继续用隐藏原生输入框，避免与自定义绘制的数字冲突。
- 将输入内容和光标移出可视区域，优化 APP-PLUS 端体验。
This commit is contained in:
pikachu1995@126.com
2026-10-08 09:50:36 +08:00
parent cc9d5535cf
commit 9cf9957e5b
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
components/verify-code/verify-code.vue
View File

@@ -280,21 +280,21 @@ function codeFormat(val: string | undefined, isPassword: boolean): string {
} }
} }
/* #ifdef APP-PLUS */ /* #ifdef APP-PLUS */
/* /*
* App 的原生 input 如果覆盖在验证码格上，部分 Android 设备会出现 * App 的原生 input 如果覆盖在验证码格上，部分 Android 设备会出现
* 原生光标/输入绘制层与自绘数字冲突。沿用 u-code-input 的隐藏输入方式， * 原生光标/输入绘制层与自绘数字冲突。沿用 u-code-input 的隐藏输入方式，
* 将输入内容和原生光标移出可视区域，验证码格只负责展示响应式状态。 * 将输入内容和原生光标移出可视区域，验证码格只负责展示响应式状态。
*/ */
.xt__verify-code { .xt__verify-code {
overflow: hidden; overflow: hidden;
} }
.xt__input { .xt__input {
left: -750rpx; left: -750rpx;
width: 1500rpx; width: 1500rpx;
z-index: 1; z-index: 1;
} }
.xt__input-ground { .xt__input-ground {
z-index: 2; z-index: 2;