基于element-ui,有以下修改：
- 1.直接修改了基础颜色配置，不用每个系统再单独引入。
- 2.input/select/cascader在不可输入状态下，统一增加title属性。
- 3.input输入数字时，不需要鼠标滚轮滚动修改数字的效果。
- 4.image组件增加了previewType属性，取值为image/text，当为text类型时，可以配置previewText,实现点击文字查看图片效果。
- 5.el-table默认增加border属性，方便用户拖拽每一列。
- 在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.
- Homepage and documentation
- awesome-element
- FAQ
- Customize theme
- Preview and generate theme online
- Element for React
- Element for Angular
- Atom helper
- Visual Studio Code helper
- Starter kit
- Design resources
- Gitter
npm install dt-element-ui -Simport 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.
Modern browsers and Internet Explorer 10+.
Please make sure to read the contributing guide (中文 | English | Español | Français) before making a pull request.
English documentation is brought to you by SwiftGG Translation Team:
Spanish documentation is made possible by these community developers:
- adavie1
- carmencitaqiu
- coderdiaz
- fedegar33
- Gonzalo2310
- lesterbx
- ProgramerGuy
- SantiagoGdaR
- sigfriedCub1990
- thechosenjuan
French documentation is made possible by these community developers:
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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent