右窗口打开页面效果优化

This commit is contained in:
hdm 2022-04-19 12:20:49 +08:00
parent 5f6488d278
commit c2ebeb326a
2 changed files with 5 additions and 3 deletions

View File

@ -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;}

View File

@ -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();
})
})
}