html 没有插件的嵌套页面导航
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 没有插件的嵌套页面导航相关的知识,希望对你有一定的参考价值。
{% capture html %}
<ul>
{% if include.context == "/" %}
<li class="{% if page.url == "/" %}active{% endif %}">
<a href="{{ site.baseurl }}/">{{ site.title }}</a>
</li>
{% endif %}
{% assign entries = site.pages | sort: "path" %}
{% for entry in entries %}
{% capture slug %}{{ entry.url | split: "/" | last }}{% endcapture %}
{% capture current %}{{ entry.url | remove: slug | remove: "//" | append: "/" }}{% endcapture %}
{% if current == include.context %}
<li class="{% if page.url contains entry.url %}active{% endif %}">
<a href="{{ site.baseurl }}{{ entry.url }}">{{ entry.title }}</a>
{% include navigation.html context=entry.url %}
</li>
{% endif %}
{% endfor %}
</ul>
{% endcapture %}
{{ html | strip_newlines | replace:' ','' | replace:' ','' | replace:' ',' ' }}
以上是关于html 没有插件的嵌套页面导航的主要内容,如果未能解决你的问题,请参考以下文章
html 一页没有插件的滚动导航
Flutter 嵌套声明式导航
Vue 嵌套路由路由守卫
Django CMS:基于所选插件的页面内导航菜单
Flutter:带有嵌套导航的底部导航栏和更改选项卡时恢复根页面
iframe嵌套vue页面不能切换