Wie kann ich in vue3 Html2pdf einen benutzerdefinierten Stil erstellen? ⇐ CSS

[Anonymous]

Wie kann ich den Stil in vu3Html2pdf anpassen, weil beim Herunterladen eine falsche Vorlage wie „leer“ auf der ersten Seite und meine Vorlage auf der zweiten Seite angezeigt wird? Es sieht fast so aus, als hätte sie einen Abstand oder einen Rand oder eine automatische Höhenkorrektur.[Hier Bildbeschreibung eingeben][1]
// Hier ist die Vorschau in html2pdf
[1]: https://i.sstatic.net/5AuFkRHO.png

Code: Select all

⬇️ Download 10-Day Agromet Bulletin







[i]

[img]@/assets/logo/thumb/maff-logo.png[/img]

[img]@/assets/logo/thumb/maff-logo.png[/img]

[img]@/assets/logo/thumb/pearl.jpg[/img]






[img]/src/assets/logo/main-logo.png[/img]

10 DAY

AGROMET



Validity Period: 1 - 10 September 2025
Bulletin[/i]



ALERT:
WidespreadHeavy Rain & High
Risk of Floods Until 10 September in
{{ districtSelected?.name || 'Banteay Srei' }} district, {{ districtSelected?.province || 'Siem Reap' }}
Province.











Alert (High Risk)



Warning (Moderate Risk)



Watch (Low Risk)



No Risk















{{ districtSelected?.name }}, {{ districtSelected.province }}









Population:
{{ populationRes?.total_population ||
'500,900' }}






ID Poor:
{{ districtSelected?.feature?.properties?.idPoor ||
'45,000'
}}












Next 10 Days Advisories for

{{ selectedLabel }}




Farmers

[img]/src/assets/image/engineer/imageProfile.jpg[/img]


























[h4]Flood Early Warning[/h4]


Open field:



Net house:







[h4]Cyclone Early Warning[/h4]


Open field:




Net house:







[h4]Pest &  Disease Early Warning[/h4]


Open field:



Net house:


















Address:
Ministry of Agriculture, Forestry and Fisheries (MAFF) and FAO Representation in
Cambodia
#200, Preah Norodom Blvd, Tonle Bassac, Chamkar Mon, Phnom Penh, Cambodia






Telephone: +855 (0) 95 524 635





Email:  [email protected]




More about PEARL Project

[img]/src/assets/logo/main-logo.png[/img]







With Technical Support From: 

[img]@/assets/logo/thumb/fao-logo.png[/img]
                class="rounded-full mb-2">
Food and Agriculture Organization of the United Nations



With Technical Support From: 

[img]/src/assets/image/engineer/imageProfile.jpg[/img]
                class="rounded-full mb-2">
Food and Agriculture Organization of the United Nations