当前位置： 移动技术网 > IT编程>开发语言>Jquery > 采坑 - LODOP，打印预览

采坑 - LODOP，打印预览

2019年11月26日  | 移动技术网IT编程  | 我要评论

结合 layui。
弹出框内容样式如下： 红框表示，左右的内边距。

图一

 

 



打印预览的样式如下：红框表示，左右的内边距。

图二

 

 

 

 要根据图二的左右内边距，去修改图一的左右内边距。不然会影响正文内容高度的判断。

封装自定义lodop打印函数的时候，可以使用 ：

function print() {
    //引入lodopfuncs.js 为前提
    let lodop = getlodop();

    $.get('../css/custom.css', function(res) { 
         let style = `<link href="../css文件路径" rel="stylesheet" />`   //可多个 
         let html = $('#所需要打印的父div').innerhtml;
         
         //如有需要，可以进行高度判断，进行分页
         let htmlheight = $('#所需要打印的父div').outerheight(true);


         //拼接 style 和 html
         let strformhtml = `${style}<body> ${html} </body>`

         // 调用自带的api
         lodop.add_print_htm(60, 0, "100%", "90%", strformhtml);
　 }
}　　

　　

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网