阿里矢量图的使用

阿里矢量图的使用

在官网搜索你需要的图片名例如serch

下载或者复制放到弄的项目中即可

在index.html中引入这串样式 会变需要在官网查看

<link rel="stylesheet" href="http://at.alicdn.com/t/font_518606_6676bmcalnrhehfr.css"></link>

图标使用代码如下

 <a href="javascript:;" class="guide_item" :class="{on: '/search'===$route.path}" @click="goTo('/search')">
      <span class="item_icon">
        <i class="iconfont icon-search"></i>  //这里是重点  直接使用类名即可
      </span>
      <span>搜索</span>
    </a>

解决点击事件0.3延迟问题

在index.html中引入即可
<script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script>

 

## <!-- 解决点击延迟0.3s的问题 -->

 <script>
    if ('addEventListener' in document) {
      document.addEventListener('DOMContentLoaded', function() {
        FastClick.attach(document.body);
      }, false);
    }
    if(!window.Promise) {
      document.writeln('<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"'+'>'+'<'+'/'+'script>');
    }
  </script>