Layout 如何在版面上的自定义页面链接上添加图像图标?

Layout 如何在版面上的自定义页面链接上添加图像图标?,layout,block,magento2,Layout,Block,Magento2,我在标题上创建了“页面”链接。链接可以显示在主页标题上。 但我想在我的“服务中心”链接旁边添加图像图标。怎么做 服务中心 服务中心 有两种方法可以做到这一点 1) 您可以使用以下方法在链接中添加css类: <block class="Magento\Framework\View\Element\Html\Link\Current" name="service-center" > <arguments> <argument name="la

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


服务中心
服务中心

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

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) 您需要为此定义template.phtml文件

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


确保更改已定义的命名空间:您的公司\u YourModule

感谢您的回复1)关于在我的css文件上定义css服务中心类吗?对于2)我尝试调用模板,但它没有显示在页面上。我的phtml如下:
  • getViewFileUrl('images\chat.png');?>'alt=“service center”>
  • 1)将在html中添加带有链接的类好答案,我将首先使用。但事实上,我不知道如何在菜单链接标签上添加动态计数,如“>消息(4新)”如何做到这一点?
    <block class="Magento\Framework\View\Element\Html\Link\Current" name="service-center" template="YourCompany_YourModule::account/customer.phtml" />