MPDF

Question

我正在使用：https://github.com/mccarlosen/laravel-mpdf/issues 生成 pdf，一切正常，除了当我使用多页脚时，现在页脚仅显示在第 1 页 (MyFooter1) 和第 2 页 (MyFooter2)。

我需要在所有页面 (MyFooter2) 上显示第 2 页。我正在找到正确的语法，在我的代码下方我使用 <sethtmlpagefooter name="MyFooter2" page="ON" value="1" write="true" /> 来显示页脚，它只在存在页脚的页面上显示页脚。

 <!DOCTYPE html>
    <html>
    <head>
        <title>My title</title>
    </head>
    @include('pdf.css2')
    <body>
    
    
        <htmlpagefooter name="MyFooter1" style="display:none">
            <div class="print-footer">
                <div class="footer-section-1" >
                    <div style="width:20% ; float:left; padding-right: 5px;">
    
                      My company name
                    </div>
                    <div style="width:20%  ;float:left; padding-right: 5px;">
                        <div> <b>T</b><span> : +98 123 123</span></div>
                        <div>  <b>T/F</b><span>: +98 123 123</span></div>
                        <div>  <b>Email</b><span>: cdoom@cc.co</span></div>
                    </div>
                    <div style="width:35% ; float:left; padding-right: 5px;">
                        <div>  <b>Head Office</b></div>
                        <div> <span>test test,</span> </div>
                        <div> <span>Road, test, </span></div>
                         <div> <span>  USA</span></div>
                        <div> <span>P.O. Box 211265 </span></div>
    
                    </div>
                    <div style="width:11% ; float:left; padding-right: 5px;">
                        <div><b>Branches</b></div>
                        <div><span>B1</span></div>
                        <div><span>B2</span></div>
    
                    </div>
                    <div style=" float:left; padding-right: 20px;padding-top: 20px;">
                       WE ARE THE BEST
                    </div>
                </div>
               
            </div>
        </htmlpagefooter>
    
    
        <htmlpagefooter name="MyFooter2" style="display:none">
            <div class="print-footer">
               My company name
            </div>
        </htmlpagefooter>
    
    
    
    
        <div class="page1" >
            <div style=" text-align: center ;"  >
                <div class="logo">
                    @include('pdf.company logo')
                </div>
                <div class="title" >
                    <span class="span-title"  > <b>INDIVIDUAL  OFFER </b>  </span>
                    <div class="div-name" ><span class="span-name" >client </span></div>
                    <div>
                        <div class="info" style="width:50% ;float:left; padding-right: 5px;">DATE: December 2, 2020</div>
                        <div class="info" style="float:right; padding-right: 5px;">REFERENCE NUMBER: vd 123 xl</div>
                    </div>
                </div>
            </div>
            <div class="message">
                <p >
                    Dear Ms. ,
                </p>
                <p>
                    We believe that the following offer is the first step to a long and happy relationship between us.            </p>
                <p>
                    Allow us to put your worries aside with our special  programs.
                </p>
                <p>
                    Best Regards,
                </p>
            </div>
        </div>
        <sethtmlpagefooter name="MyFooter1" value="1" />
    
        <div class="chapter2">
            <div class="message">
                 <p >
                    Dear Ms. ,
                </p>
                <p>
                    We believe that the following offer is the first step to a long and happy relationship between us.            </p>
                <p>
                    Allow us to put your worries aside with our special  programs.
                </p>
                <p>
                    Best Regards,
                </p>
            </div>
        </div>
        <sethtmlpagefooter name="MyFooter2" page="ON" value="1" write="true" />
        <div class="chapter2">
            <div class="message">
                <p >
                    Dear Ms. ,
                </p>
                <p>
                    We believe that the following offer is the first step to a long and happy relationship between us.            </p>
                <p>
                    Allow us to put your worries aside with our special  programs.
                </p>
                <p>
                    Best Regards,
                </p>
            </div>
        </div>
        <div class="chapter2">
            <div class="message">
                <p >
                    Dear Ms. ,
                </p>
                <p>
                    We believe that the following offer is the first step to a long and happy relationship between us.            </p>
                <p>
                    Allow us to put your worries aside with our special  programs.
                </p>
                <p>
                    Best Regards,
                </p>
            </div>
        </div>
        <div class="chapter2">
            <div class="message">
                <p >
                    Dear Ms. ,
                </p>
                <p>
                    We believe that the following offer is the first step to a long and happy relationship between us.            </p>
                <p>
                    Allow us to put your worries aside with our special  programs.
                </p>
                <p>
                    Best Regards,
                </p>
            </div>
        </div>
  
    </body>
    </html>

Answer 1

在 CSS 中，我使用了这个：

 @page  {

        footer: html_MyFooter2;
        margin-bottom: 170px;
    }

        @page :first {
            footer: html_MyFooter1;

    }

并在 HTML 中删除了 :

 <sethtmlpagefooter name="MyFooter1" value="1" />
 <sethtmlpagefooter name="MyFooter2" value="1" />

这解决了问题并帮助了我，参考： Mpdf different header for first page 第三个答案（作者：Ningappa）

MPDF - Laravel ，多页脚

MPDF - Laravel , multi footer

laravel