安装

文档

earthsdkui官方文档

yarn

yarn add earthsdk-ui --save

npm

npm i earthsdk-ui --save

cdn

unpkg

<link
    rel="stylesheet"
    href="//unpkg.com/earthsdk-ui/lib/style.css"
/>
<script src="//unpkg.com/earthsdk-ui"></script>

jsdelivr

<link
    rel="stylesheet"
    href="//cdn.jsdelivr.net/npm/earthsdk-ui/lib/style.css"
/>
<script src="//cdn.jsdelivr.net/npm/earthsdk-ui"></script>

使用

全局引入

在main.js中

import { createApp } from 'vue';
import App from './App.vue';
// 完整引入组件库
import 'earthsdk-ui/lib/style.css';
import EarthSDKUI from 'earthsdk-ui';

const app = createApp(App);
// 全局安装
app.use(EarthSDKUI);
app.mount('#app');

组件当中

<es-icon name="shouye" color="red"></es-icon>

按需引入

组件当中

<script setup>

import { ESIcon } from 'earthsdk-ui';

</script>

<template>
 
<es-icon name="shouye" color="red"></es-icon>

</template>

<style scoped>
</style>