基于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.
Links
- 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
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.
Special Thanks
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:
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.