多级下拉菜单

1. 写themen，修改navigation.vm

<nav class="$nav_css_class" id="navigation">
	<h1>
		<span>#language("navigation")</span>
	</h1>

	<ul>
		#foreach ($nav_item in $nav_items)
			#if ($nav_item.isSelected())
				<li class="selected">
			#else
				<li>
			#end
				<a href="$nav_item.getURL()" $nav_item.getTarget()><span>$nav_item.icon() $nav_item.getName()</span></a>

				#if ($nav_item.hasChildren())
					<ul class="child-menu">
						#foreach ($nav_child in $nav_item.getChildren())
							#if ($nav_child.isSelected())
								<li class="selected">
							#else
								<li>
							#end
								<a href="$nav_child.getURL()" $nav_child.getTarget()>$nav_child.getName()</a>
							 
							     ## Third level menu start
							     
							     #if ($nav_child.hasChildren())
                                    <ul class="child-menu">
                                        #foreach ($nav_child_3 in $nav_child.getChildren())
                                            #if ($nav_child_3.isSelected())
                                                <li class="selected">
                                            #else
                                                <li>
                                            #end
                                                <a href="$nav_child_3.getURL()" $nav_child_3.getTarget()>$nav_child_3.getName()</a>
                                            </li>
                                        #end
                                    </ul>
                                 #end
                                 
							     ## Third level menu end
							</li>
						#end
					</ul>
				#end
			</li>
		#end
	</ul>
</nav>

 

2. 添加子页面。

 

3. 修改custom.css