如果使用marsgis+vue的相关产品,mars-ui的使用一定需要了解,mars-ui是火星科技针对gis应用场景定制的一套ui框架,其中基础组件是在antdv的基础之上做的二次封装。使用方式和参数与antdv基本一致。marsui除了在火星科技的项目中使用之外,也可以单独应用于其他基于vue3.0的项目,只需要将源码拷贝到自己的项目中然后做一些简单的配置即可。下面以vite+vue3.0项目为例,对mars-ui的使用和配置进行说明
- 复制mars-ui到项目的components文件夹下
- 配置按需引入
按需引入有多种方式,这里使用`vite-plugin-style-import`,(如果是webpack的项目可以使用 `babel-import-plugin`)
import { createStyleImportPlugin, AndDesignVueResolve } from "vite-plugin-style-import" // 在vite的plugins 数组中添加 createStyleImportPlugin({ resolves: [AndDesignVueResolve()], libs: [ { libraryName: "ant-design-vue", esModule: true,