侧边工具开发2

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的值。使用动画