1.使用圖片的形式會出現大量的圖片,影響性能,而且不易修改,所有使用圖標加文字的形式進行
<a href="javacript:;" class="toolbar-item"><span class="toolbar-btn"><i class="toolbar-icon"></i><span class="toolbar-text">公眾<br/>賬號</span></span><span class="toolbar-layer toolbar-layer-weixin"></span> </a>
?
2.https://icomoon.io/app/#/select ?一個圖標網站 ? 下載之后,將font文件和style.css文件考走,將style.css里面的內容拷入到自己的scss文件中。再將對應的class名字添加到對應的html中。
3.這個方法的主要思路是:讓i span都決定定位,當hover的時候,改變top的值。使用動畫