tesla-ui

Tesla-UI

卓健科技 PC 端组件库

基于 VUE

基于element-ui@2.12.0

浏览器兼容: Chrome, Firefox, Safari, Edge

内置了 global.scss，里面的样式可以直接使用

使用场景

1、新项目使用：安装 element-ui@2.12.0+ 以及 tesla-ui@2.0.9+

2、老项目的新功能使用：意味着要替换之前的组件库，会存在一定的兼容问题，建议根据当前项目酌情更新组件库：

• 当前项目使用的是 element-ui@2.12.0+，可直接升级 tesla-ui@2.0.9+，可能会产生少量的兼容问题，如难以修复可反馈我们。
• 当前项目使用的是 element-ui@2.x，可尝试更新element-ui@2.12.0+ 和 tesla-ui@2.0.9+，根据情况酌情考虑是需逐一修复兼容问题还是放弃升级。
• 当前项目使用的是 element-ui@1.x，建议不升级，一是因为 element-ui 本身 1.x 升级到 2.x 兼容问题比较多；二是因为项目肯定比较老了，业务相对较多，修复起来成本大。

DEMO

http://ui.ucmed.cn

使用说明

如果这是您第一次使用 VUE 开发项目，可以移步 入门文档>>

安装组件库

cnpm i tesla-ui --save

配置

//main.js
import el from "element-ui";
import ts from "tesla-ui";
import "tesla-ui/dist/index.css";
Vue.use(el);
Vue.use(ts);

说明：组件库依赖 element-ui。安装组件库需先安装element-ui库，然后在main.js中引入，并引用组件定制的css文件。

个性化组件 API

左侧导航 ts-sidebar >>

顶部导航 ts-navbar >>

登录组件 ts-login >>

无数据图组件 ts-nodata >>

课程管理 ts-course >>

账号面板 ts-panel-account >>

app 下载面板 ts-panel-app >>

报错组件 ts-error >>

个性化表格 ts-table >>

个性化下拉框树组件 ts-tree-select >>