iview框架开发的首页登录问题记录

近期在改iview老项目的登录页面样式,给input框添加了前置图标

 

 

 

 

 然后设计样式如下,直接用iview的input框的prefix属性就完了,简单的一批。

但是!!!出现问题了

账号密码登录完成后可以用浏览器默认保存登录信息把账号密码进行保存,保存后的账号密码在下次登录的时候可以选择,这时候,鼠标对浏览器缓存账号密码进行选择/选中后,页面input前的icon图标没了!!!

 

 

不科学啊,这icon图标是用的iview的input的prefix属性啊,咋会出现这种问题?

后来经过查看控制台,发现 .ivu-input-prefix 的样式z-index为1,改下试试,改成100就出来了。

总结:俩字,恶心!!!虽然说,就这界面,手写个icon定位到input前面也没啥问题,但是,我们选择的是iview的框架,用的iview框架input框的自带属性,这都出问题,我就纳了闷了,这点儿问题没人修复,百度了下也没人遇到过,哎,看样子是没人用着框架,iview是要凉了吧...

posted @ 2022-04-29 10:44  程序员笔记--vue  阅读(160)  评论(0编辑  收藏  举报