圖標用字體庫比如阿里字體 https://www.iconfont.cn/
首選添加欄目自定義標簽比如 ziti 為單行或者單選(設置字體樣式名稱) 前端在欄目名稱前加{$field.ziti} 每個欄目自己需要什么圖標自己在欄目里面編輯即可。
高亮有2種一種直接用JS
<ul id="tabs_nav">
<li><a href="a.html" class="active"></a></li>
<li><a href="b.html"></a></li>
<li><a href="c.html"></a></li>
<li><a href="d.html"></a></li>
</ul>
以上是例子:
id="tabs_nav" 這個是JS id
以下是JS部分 :
<script type="text/javascript">
//獲取div下面所有的a標簽(返回節點對象)
var myNav = document.getElementById("tabs_nav").getElementsByTagName("a");
//獲取當前窗口的url
var myURL = document.location.href;
//循環div下面所有的鏈接,
for(var i=1;i<myNav.length;i++){
//獲取每一個a標簽的herf屬性
var links = myNav[i].getAttribute("href");
var myURL = document.location.href;
//查看div下的鏈接是否包含當前窗口,如果存在,則給其添加樣式
if(myURL.indexOf(links) != -1){
myNav[i].className="ABC"; //樣式名稱
myNav[0].className="";
}
}
</script>
以上就可以了
第二種標簽形式
currentstyle='高亮樣式'
自己在css寫一個高亮 比如 gaoliang:hover{color:red}
這樣就可以。或者自身模板有高亮的 就可以直接寫進去。
以上只是參考 或許其他大佬有更好的方法