Typo3菜单与字体真棒图标

Question

我使用typoscript（new to it）来处理我网站的菜单栏，我想在菜单项旁边使用fontawesome图标。

这就是模型的样子：

这就是我的菜单：

现在，我的菜单的typoscript子部分就是这样的：

    SUBNAV = HMENU
    SUBNAV {
                            entryLevel = 0
                            1 = TMENU
                            1 {
                                expAll = 1
                                collapse = active
                                noBlur = 1

                    # Definition per page
                    # NO: default formatting                                    
                                NO = 1
                                NO {
                                    wrapItemAndSub = <li >|</li>
                                    stdWrap.wrap = <i class="fa fa-plus"></i><span>|</span> 
                                }

                    # ACT: User is on this or below this page
                    # Activate this state for this menu
                                ACT < .NO
                                ACT {
                                    wrapItemAndSub = <li class="active">|</li>
                                }
                                CUR < .ACT

                    # try to check if submenu to add a arrow icon                                   

                                IFSUB = 1
                                IFSUB{
                                    wrapItemAndSub = <li class="first">|</li>|*|<li>|</li>|*|<li class="last">|</li>
                                    linkWrap = |<span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span>
                                    ATagBeforeWrap = 1
                                    stdWrap.wrap = <i class="fa fa-plus"></i><span>|</span>
                                }
                                ACTIFSUB = 1
                                ACTIFSUB < .ACT
                                ACTIFSUB.linkWrap = |<span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span>
                                ACTIFSUB.ATagBeforeWrap = 1

                                CURIFSUB = 1
                                CURIFSUB < .ACTIFSUB

                            }


                            2= TMENU
                            2 {
                                expAll = 1
                                collapse = active
                                noBlur = 1
                                wrap = <ul class="treeview-menu">|</ul>
                    # Definition per page
                    # NO: default formatting                                    
                                NO = 1
                                NO {
                                    wrapItemAndSub = <li >|</li>
                                }

                    # ACT: User is on this or below this page
                    # Activate this state for this menu
                                ACT < .NO
                                ACT {
                                    wrapItemAndSub = <li class="active">|</li>
                                }
                                CUR < .ACT

                    # try to check if submenu to add a arrow icon                                   

                                IFSUB = 1
                                IFSUB{
                                    wrapItemAndSub = <li class="first">|</li>|*|<li  >|</li>|*|<li class="last">|</li>
                                    linkWrap = |<span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span>
                                    ATagBeforeWrap = 1
                                }
                                ACTIFSUB = 1
                                ACTIFSUB < .ACT
                                ACTIFSUB.linkWrap = |<span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span>
                                ACTIFSUB.ATagBeforeWrap = 1

                                CURIFSUB = 1
                                CURIFSUB < .ACTIFSUB

                            }


                            # Definition for pages on level 3 and lower                                                                                 
                            # Copy the definitions from level 2 
                                    3 < .2
                            #       3.wrap = <ul class="treeview-menu">|</ul>

                            # Copy the definitions from level 2
                                    4 < .2
                            #       4.wrap = <ul class="treeview-menu">|</ul>

                            # Copy the definitions from level 2
                                    5 < .2
                            #       5.wrap = <ul class="treeview-menu">|</ul>

                            # Copy the definitions from level 2
                                    6 < .2
                            #       6.wrap = <ul class="treeview-menu">|</ul>

                    }

现在，我的问题是我不知道如何将不同的图标（我选择）与不同的菜单（1级中的菜单）相关联。正如你在typoscript中看到的那样，我使用了fa图标，但每个菜单条目都是相同的（fa fa-plus）。 有什么建议？

Answer 1

如果您拥有有限数量的菜单项，则可以替换代码：

tar

使用：

wrapItemAndSub = <li class="first">|</li>|*|<li>|</li>|*|<li class="last">|</li>

控制每个列表项的显示。