前端之家收集整理的这篇文章主要介绍了
angular仿支付宝密码框输入效果,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
项目需求,使用ng写一个密码框格子支付模块,一开始使用一个input+letter-spacing来分割字符,但是发现间距非常不好控制,随着字符的输入文本框字符串间距还会自动调整。最终从网上查找到一款jq仿支付宝密码输入框,于是我模仿编写了个指令模块。
效果如下:
完整代码如下:
Meta charset="UTF-8">
<
Meta name="viewport"
content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
<
Meta name="format-detection" content="telephone=no"/>
使用ng仿写支付宝密码框
<div class="t">ng仿写支付宝密码框