通用window页面打印
javascript 打印 前端
var newWindow = window.open("打印窗口", "_blank");
var docStr = this.$refs.printArea.innerHTML;
newWindow.document.write(docStr);
var styles = document.createElement("style");
styles.setAttribute("lang", "scss"); //media="print"
styles.innerHTML = `
*{
box-sizing: inherit;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
outline: none;
list-style: none;
}
body, html {
font-size: 12px;
background-color: #EDEFF4;
}
ul,li{
padding:0;
margin:0;
list-style:none;
box-sizing:border-box;
}
.print-item{
width: 50%;
padding: 20px;
float: left;
border:1px solid;
}
.print-img{
width: 200px;
height: 200px;
float: right;
}
.xj-table {
border-collapse: collapse;
border: 1px solid #d4d5e1;
line-height: 34px;
text-align: center;
font-size: 12px;
width: 100%;
}
.mt20 {
margin-top: 20px;
}
`;
newWindow.document.getElementsByTagName("head")[0].appendChild(styles);
newWindow.print();
newWindow.close();