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

Question

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

    <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>   

之后你需要为图标/图像编写CSS

2) 您需要为此定义模板.phtml 文件。

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

确保更改命名空间定义:YourCompany_YourModule