使用過我們系統(tǒng)搭建網(wǎng)站的用戶一般就會知道,在竹子系統(tǒng)默認(rèn)的手機(jī)端導(dǎo)航中,默認(rèn)的導(dǎo)航是會像下面截圖中轉(zhuǎn)移呈現(xiàn)三條橫桿的形式。最近就有一個客戶反饋給我們想要把這個三條橫桿改成“”“導(dǎo)航”這個字樣,可以更好的引導(dǎo)訪問網(wǎng)站的用戶點(diǎn)擊導(dǎo)航,為此我們的技術(shù)人員特意寫了一個小代碼。今天小竹子就來告訴大家如何使用這個小代碼吧!首先,我們可以在編輯器中將頁面切換到手機(jī)端這時可以看到網(wǎng)頁里的導(dǎo)航是默認(rèn)的樣式,也就是三條橫桿的狀態(tài)。然后我們可以點(diǎn)擊右側(cè)的這個版塊設(shè)置,點(diǎn)擊進(jìn)入代碼設(shè)置里面添加一串小代碼,路徑依次如下圖:進(jìn)入代碼界面以后我們直接另起一行,添加代碼并點(diǎn)擊右上角的“應(yīng)用”按鈕保存,就設(shè)置完成啦!最后我們就可以看到,原本這里的三條橫桿已經(jīng)變成了“導(dǎo)航”這兩個字了,以下是需要添加的代碼:<style>
? .zz-comp-mNav .nav-btn{
? ? margin-right:10px;
? }
? ?.zz-comp-mNav .nav-btn::after{
? ? ?content:'導(dǎo)航';
? ? ?color:#131415;
? ? ?font-size:18px;
? }
? .zz-comp-mNav .nav-btn i{
? ? display:none;
? }
</style>
PS:這里代碼中的需要添加的文字,以及字體顏色,字體字號都可以在下圖紅框中進(jìn)行修改哦!好啦,今天的教程就到這里了,大家下期再見吧!