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