vue引入天地图icon类
时间: 2023-10-09 09:07:06 浏览: 153
要在Vue中引入天地图的icon类,你需要先在index.html文件中引入天地图提供的CSS文件,如下所示:
```html
<link rel="stylesheet" href="//api.tianditu.gov.cn/api/v1/styles/css/tdt-icons.css">
```
然后在Vue组件中,你可以使用类似下面的方式来添加天地图的icon类:
```html
<template>
<div>
<i class="tdt-icon tdt-icon-layer"></i>
<i class="tdt-icon tdt-icon-layers"></i>
<i class="tdt-icon tdt-icon-map"></i>
<i class="tdt-icon tdt-icon-maps"></i>
</div>
</template>
```
其中,`tdt-icon`是天地图icon类的前缀,后面跟着具体的icon名称,如`tdt-icon-map`表示地图icon。你可以在天地图提供的CSS文件中查看所有可用的icon类名称。
阅读全文