您的位置:首页 > Web前端 > CSS

简单的layer.open弹出输入框样式

2017-06-10 14:12 453 查看
js代码

layer.open({
id:1,
type: 1,
title:'修改密码',
skin:'layui-layer-rim',
area:['450px', 'auto'],

content: ' <div class="row" style="width: 420px;  margin-left:7px; margin-top:10px;">'
+'<div class="col-sm-12">'
+'<div class="input-group">'
+'<span class="input-group-addon"> 新 密 码   :</span>'
+'<input id="firstpwd" type="password" class="form-control" placeholder="请输入密码">'
+'</div>'
+'</div>'
+'<div class="col-sm-12" style="margin-top: 10px">'
+'<div class="input-group">'
+'<span class="input-group-addon">确认密码:</span>'
+'<input id="secondpwd" type="password" class="form-control" placeholder="请再输入一次密码">'
+'</div>'
+'</div>'
+'</div>'
,
btn:['保存','取消'],
btn1: function (index,layero) {
},
btn2:function (index,layero) {
layer.close(index);
}

});
效果



注:将layer层设置成固定大小时,有时保存和取消按钮会显示在layer层区域外,如果想要按钮正常显示,可将layer层中area属性中的高度设置为auto
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: