dt-element-ui

A Component Library for PUMC.

Usage no npm install needed!

<script type="module">
  import dtElementUi from 'https://cdn.skypack.dev/dt-element-ui';
</script>

README

基于element-ui,有以下修改：
  • 1.直接修改了基础颜色配置，不用每个系统再单独引入。
  • 2.input/select/cascader在不可输入状态下，统一增加title属性。
  • 3.input输入数字时，不需要鼠标滚轮滚动修改数字的效果。
  • 4.image组件增加了previewType属性，取值为image/text，当为text类型时，可以配置previewText,实现点击文字查看图片效果。
  • 5.el-table默认增加border属性，方便用户拖拽每一列。
如何需要与element-ui同时按需引入：
  • 在babel.config.js中增加配置： plugins: [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ], [ "component", { "libraryName": "dt-element-ui", "styleLibraryName": "theme-chalk" }, 'dt' ] ]
    增加之后，其余使用与element-ui一样，注意同一个组件只选择dt-element-ui或者element-ui其中之一来引入。

A Component Library for PUMC based on element-ui.

Links

Install

npm install dt-element-ui -S

Quick Start

import Vue from 'vue'
import Element from 'dt-element-ui'

Vue.use(Element)

// or
import {
  Select,
  Button
  // ...
} from 'dt-element-ui'

Vue.component(Select.name, Select)
Vue.component(Button.name, Button)

For more information, please refer to Quick Start in our documentation.

Browser Support

Modern browsers and Internet Explorer 10+.

Contribution

Please make sure to read the contributing guide (中文 | English | Español | Français) before making a pull request.

Let's fund issues in this repository

Special Thanks

English documentation is brought to you by SwiftGG Translation Team:

Spanish documentation is made possible by these community developers:

French documentation is made possible by these community developers:

develop

1.Use npm run dist, get lib file. 2.If you want change css,edit it in packages/theme-chalk file, then use npm run build, get css file.The css file won't work util you npm run dist again.