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