@mapgis/webclient-vue-ui

16.8.1 • Public • Published

Webclient-Vue-Ui

npm version apache licensed

less version less loader sass version sass loader

使用

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

Vue.use(mapgisui);
<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>

样式冲突

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

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

目的

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

组件增强说明

1、Select、Input 组件添加属性:autoWidth,设置为 true 时可实现宽度 100% 自适应。

2、Card 组件已添加属性:customPosition,可控制卡片显示的绝对位置:

customPosition: {
  type: String,
  default: '',
  validator: v =>
    [
      'top-right',
      'top-left',
      'bottom-right',
      'bottom-left'
    ].includes(v)
},

3、基于List组件增加无限加载列表组件:mapgis-ui-infinite-list,详情可查看StoryBook。

Readme

Keywords

Package Sidebar

Install

npm i @mapgis/webclient-vue-ui

Weekly Downloads

14

Version

16.8.1

License

Apache2

Unpacked Size

34.1 MB

Total Files

212

Last publish

Collaborators

  • lidafengnpm
  • zhangying_zy
  • parndeedlit
  • gyj12
  • xionglaoda
  • mayuanye
  • c296149548
  • wxl974002443
  • zhangchunzhou
  • wangshuai-ws