如何在布局上的自定义页面链接上添加图像图标？

Question

我在header.links上创建了'page'链接可以在主页标题上显示。 但我想在我的“服务中心”链接旁边添加图片图标。如何制作？

    <block class="Magento\Framework\View\Element\Html\Link\Current" name="service-center" >
            <arguments>
                <argument name="label" xsi:type="string">Service center</argument>
                <argument name="path" xsi:type="string">service-center</argument>
            </arguments>

        </block>   

Answer 1

有两种方法可以做到这一点

1）您可以使用以下方法在链接中添加css类：

<block class="Magento\Framework\View\Element\Html\Link\Current" name="service-center" >
    <arguments>
        <argument name="label" xsi:type="string">Service center</argument>
        <argument name="path" xsi:type="string">service-center</argument>
        <argument name="css_class" xsi:type="string">service-center</argument>
    </arguments>
</block>   

之后你需要为ICON / Image

编写CSS

2）你需要为此定义模板.phtml文件。

<block class="Magento\Framework\View\Element\Html\Link\Current" name="service-center" template="YourCompany_YourModule::account/customer.phtml" />

确保更改已定义的命名空间： YourCompany_YourModule