mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp.git
synced 2026-09-20 20:02:02 +08:00
💄 style(verify-code): 调整 APP 端验证码输入框的隐藏方案
- 将原生输入框移出可视区域,避免 Android 设备上原生光标与自绘数字冲突 - 为 xt__verify-code 增加 overflow 隐藏,输入内容与光标不再显示在验证码格上 ♻️ refactor(login): 移除 u-code 组件并自实现验证码倒计时 - 用 displayCodeTip 计算属性配合计时器替换 u-code,统一验证码按钮文案展示 - 新增 onBeforeUnmount 清理倒计时定时器,避免内存泄漏 - 重构 fetchCode 发送逻辑,简化校验与错误处理分支 - 更新获取验证码按钮样式为橙色渐变并调整文字颜色 ♻️ refactor(live): 为 APP 端补充直播服务占位实现 - 通过条件编译在 APP-PLUS 下提供 LiveChatService 与 LiveMqttService 空实现 - 避免 APP 端引入直播聊天与 MQTT 依赖,仅保留其他平台原有逻辑
This commit is contained in:
@@ -280,11 +280,21 @@ function codeFormat(val: string | undefined, isPassword: boolean): string {
|
||||
}
|
||||
}
|
||||
|
||||
/* #ifdef APP-PLUS */
|
||||
/* APP 中让自绘验证码位于透明输入框上方;点击仍由 input-ground 触发聚焦。 */
|
||||
.xt__input {
|
||||
z-index: 1;
|
||||
}
|
||||
/* #ifdef APP-PLUS */
|
||||
/*
|
||||
* App 的原生 input 如果覆盖在验证码格上,部分 Android 设备会出现
|
||||
* 原生光标/输入绘制层与自绘数字冲突。沿用 u-code-input 的隐藏输入方式,
|
||||
* 将输入内容和原生光标移出可视区域,验证码格只负责展示响应式状态。
|
||||
*/
|
||||
.xt__verify-code {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.xt__input {
|
||||
left: -750rpx;
|
||||
width: 1500rpx;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.xt__input-ground {
|
||||
z-index: 2;
|
||||
|
||||
Reference in New Issue
Block a user