起因很简单,见到无数大佬的博客或论坛的导航是侧滑的,觉得操作方便也美观……就这么多了。
折腾无数最后发现一个比较不错的功能是貌似是Bootstrap5开始才有的,但xiuno使用的是BS4,直接用用不来……
这里提供个自己的思路(仅保证移动端导航栏左侧划出,其他美化和语法优化自行处理):在主程序或插件overwrite文件夹中找到header_nav_inc.htm,然后在第一行添加以下代码:
<link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
【注:比较懒故直接使用在线cdn,也可以下载到本地后引用】
之后大概找到这两处:
<div class="container">
……
<!--{hook header_nav_logo_before.htm}-->
……
<div class="collapse navbar-collapse" id="nav">
<!-- 左侧:版块 -->
……
</ul>
然后利用Bootstrap 5 中的offcanvas功能,把该换的该挪位置的都处理掉
如果各位有更好的方法可以回复