|
@@ -1651,7 +1651,7 @@ const displayDate = computed(() => {
|
|
|
|
|
|
|
|
.a4-page {
|
|
.a4-page {
|
|
|
width: 210mm;
|
|
width: 210mm;
|
|
|
- min-height: 297mm;
|
|
|
|
|
|
|
+ min-height: auto;
|
|
|
margin: 4mm auto;
|
|
margin: 4mm auto;
|
|
|
padding: 10mm 14mm;
|
|
padding: 10mm 14mm;
|
|
|
background: #fff;
|
|
background: #fff;
|
|
@@ -1660,6 +1660,16 @@ const displayDate = computed(() => {
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+/* 封面页保留完整 A4 高度 */
|
|
|
|
|
+.a4-page.cover-a4 {
|
|
|
|
|
+ min-height: 297mm;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+/* 非封面页隐藏页眉(logo+页码) */
|
|
|
|
|
+.a4-page:not(.cover-a4) .page-header {
|
|
|
|
|
+ display: none;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.page-header {
|
|
.page-header {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
@@ -1769,10 +1779,10 @@ const displayDate = computed(() => {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- /* 封面页:保留完整 A4 高度 */
|
|
|
|
|
|
|
+ /* 封面页:填满一整页(@page margin 18mm,可打印区域高度 = 297-36=261mm) */
|
|
|
.a4-page.cover-a4 {
|
|
.a4-page.cover-a4 {
|
|
|
width: 100% !important;
|
|
width: 100% !important;
|
|
|
- min-height: 297mm !important;
|
|
|
|
|
|
|
+ min-height: 261mm !important;
|
|
|
margin: 0 !important;
|
|
margin: 0 !important;
|
|
|
padding: 0 !important;
|
|
padding: 0 !important;
|
|
|
background: #fff !important;
|
|
background: #fff !important;
|
|
@@ -1782,7 +1792,7 @@ const displayDate = computed(() => {
|
|
|
break-after: page;
|
|
break-after: page;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- /* 其他页:自适应高度,由浏览器自动分页 */
|
|
|
|
|
|
|
+ /* 其他页:自适应高度,内容连续流动,由浏览器自动分页 */
|
|
|
.a4-page:not(.cover-a4) {
|
|
.a4-page:not(.cover-a4) {
|
|
|
width: 100% !important;
|
|
width: 100% !important;
|
|
|
min-height: auto !important;
|
|
min-height: auto !important;
|
|
@@ -1791,8 +1801,8 @@ const displayDate = computed(() => {
|
|
|
background: #fff !important;
|
|
background: #fff !important;
|
|
|
box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
|
box-sizing: border-box !important;
|
|
box-sizing: border-box !important;
|
|
|
- page-break-after: always;
|
|
|
|
|
- break-after: page;
|
|
|
|
|
|
|
+ page-break-after: auto;
|
|
|
|
|
+ break-after: auto;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.a4-page:last-child {
|
|
.a4-page:last-child {
|