- 指南

  - 快速上手
  - 产品介绍
  - 本地link部署包方式
  - 发布流程
  - 环境配置

- API

  - 图标

  - 图标
  - 收缩卡片

  - 云盘组件

  - 上传
  - 从云盘选择
  - 保存至云盘

  - 区域组件

  - 开关
  - 数值输入
  - 数值输入-前后缀
  - 选择器
  - 颜色选取
  - 页面切换

  - 颜色

  - 颜色-D3色板

  - 科技风

  - 科技风-卡片
  - 科技风-装饰

- 问题解决

  - 解决打包内存溢出问题
  - 解决全局设置为盒模型问题
  - 解决字体大小被全局设置的问题

- 样式&主题

  - 主题切换
  - Less & Sass
  - Less常见问题
  - Sass常见问题

- 组件开发

  - 组件开发样式规范说明
  - 弹框表单样式修改说明
  - 移植组件

- 版本

  - 更新说明

# 中地数码

@mapgis/webclient-vue-ui

快速上手 →

## 稳定

提炼自企业级中后台产品的交互语言和视觉风格。

## 简单

开箱即用的高质量 Vue 组件。

## Ant Design

共享Ant Design of React设计工具体系。

WARNING

~ 快速提示，刚接触一定要看完指南部分和自定义插件部分。 熟悉后可以直接查看 API。

    // main.js
    import "@mapgis/webclient-vue-ui/dist-libs/webclient-vue-ui.css";

    import mapgisui from "@mapgis/webclient-vue-ui";

    <template>
      <mapgis-ui-layout>
        <mapgis-ui-layout-header>Header</mapgis-ui-layout-header>
        <mapgis-ui-layout-content>Content</mapgis-ui-layout-content>
        <mapgis-ui-layout-footer>Footer</mapgis-ui-layout-footer>
      </mapgis-ui-layout>
    </template>

    <script>
    export default {
      name: "App",
      data() {
        return {};
      }
    };
    </script>

依赖

Vue.js v2.5+
(opens new window)

Node.js v8.9+
(opens new window)[目前 node-sass 不支持 v17 版本]

样式冲突

> 将你的工程下的样式依赖版本强行设置成下面依赖，再重新安装环境一般能够解决大部分的样式冲突问题

    "less": "^3.12.2",
    "less-loader": "^7.0.2",
    "node-sass": "^4.11.0",
    "sass-loader": "^10.1.1",

目的

> 用于开发 Vue 版本的 MapGIS-UI 组件 :::

MIT Licensed