实现效果:
点击 “眼睛” 的时候显示与隐藏
代码:
Title#main{
text-align: center;
margin-top:60px;
}
input[type=text],input[type=password]{
width:260px;
height:28px;
display: inline-block;
}
span{
margin-left:-30px;
cursor: pointer;
}
input[type=checkbox]{
cursor: pointer;
opacity: 0;
margin-left:-18px;
display: inline-block;
}
new Vue({
el:"#main",
data:{
msg:"",
checked:false
},
methods:{
}
});
=====================================
登录页面input输入密码显示与隐藏实现:
效果(点击显示与隐藏进行切换):
代码:
body{
background:white;
}
.main{
padding-top:50px;width:95%;margin:0 auto;
}
.account{
border-bottom:1px solid #dfdfdf;padding-top:28px;