右窗口打开页面效果优化
This commit is contained in:
parent
5f6488d278
commit
c2ebeb326a
@ -8,7 +8,7 @@ ol,ul {list-style:none;}
|
||||
h1,h2,h3,h4,h5,h6 {font-size:14px;}
|
||||
address,code,em,th,s,i{font-weight:normal; font-style:normal;}
|
||||
s{color:#909090; margin:0 10px; text-decoration:none;}
|
||||
|
||||
body.right-open{overflow-y:clip;}
|
||||
/*form*/
|
||||
label input{vertical-align:middle; margin-right:3px;}
|
||||
label{cursor:pointer;}
|
||||
|
@ -18,11 +18,13 @@ layui.define(['layer'], function(exports){
|
||||
if($('#rightPopup'+index).length<1){
|
||||
var btn='<div id="rightPopup'+index+'" class="right-popup-close" title="关闭">关闭</div>';
|
||||
obj.append(btn);
|
||||
$('body').addClass('right-open');
|
||||
$('#rightPopup'+index).click(function(){
|
||||
let op_width = $('.layui-anim-rl').outerWidth();
|
||||
$('.layui-anim-rl').animate({left:'+='+op_width+'px'}, 200, 'linear', function () {
|
||||
$('.layui-anim-rl').remove()
|
||||
$('.layui-layer-shade').remove()
|
||||
$('body').removeClass('right-open');
|
||||
$('.layui-anim-rl').remove();
|
||||
$('.layui-layer-shade').remove();
|
||||
})
|
||||
})
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user