Layui中点击出现tips

$(".nvp").click(function () {
    console.log(this)
    var that = this;
    tips =layer.tips("<div class=\"content_div\" style=\"display: block;\">\n" +
        "        <div style='margin-top: 11px;'><button type=\"button\" class='qushi'>趋势查询</button></div>\n" +
        "        <div style=\"margin-top: 8px;\"><button type=\"button\" class='canshu'>参数监视</button> </div>\n" +
        "    </div>",that,{tips:["1","none"],time:0,area: 'auto',maxWidth:500});
    $(".canshu").click(function () {
        let index = parent.layui.index;
        let url = `${Feng.ctxPath}/EfdOverrunRecord/toQljQueryParamAbnorHis`;
        index.openTab({"title": '参数监视', "url": url})
    });
    $(".qushi").click(function () {
        let index = parent.layui.index;
        let url = `${Feng.ctxPath}/EfdOverrunRecord/toQljTrendQuery`;
        index.openTab({"title": '趋势查询', "url": url})
    })
});
$(document).mouseup(function(e) {
    var _con = $("li"); // 设置目标区域
    if (!_con.is(e.target) && _con.has(e.target).length === 0) {
        layer.close(tips);
    }
});

css
.layui-layer-tips .layui-layer-content{
    background-color: rgba(0,0,0,0)!important;
    padding: 0!important;
}
.layui-layer-TipsG {
    width: 0px !important;
    height: 0px !important;
    background-color: #fff;
    transform: rotate(45deg);
    border-color: #fff !important;
    box-shadow: 0px 3px 10px 0px rgba(143, 140, 140, 0.31) !important;
    border: 1px solid #D8DCE5 !important;
}