icinfo-ui

前端PC端UI组件库

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

输出构建组件umd&主题样式css

npm run dist

其他项目组件接入

import IcinfoUI from 'icinfo-ui'
import 'icinfo-ui/lib/theme-chalk/index.css'
Vue.use(IcinfoUI)

调试

在本项目下执行

npm link

修改代码后执行

npm run dist

在需要引入的项目下执行

npm link icinfo-ui

案例

import IcinfoUI, { print } from 'icinfo-ui'
import 'icinfo-ui/lib/theme-chalk/index.css'

Vue.use(IcinfoUI)

开发组件

• 1、在packages/components下编辑组件，在packages/theme-chalk/src下新增组件样式
• 2、在packages/docs下编辑相关使用案例文档
• 3、在src/views/components下编辑对应的案例和菜单（_layout.vue）

开发工具函数

• 1、在packages/helper/下编辑相关代码
• 2、在packages/docs下编辑相关使用案例文档
• 3、在src/views/components下编辑对应的案例和菜单（_layout.vue）

更新日志

• 0.4.0
  • helper下新增加密方法
    • 加密方法文档
  • 修复打包为lib库的时候不支持别名
• v0.4.1
  • 加密相关bug修复
  • 修复发布的文件中无法识别别名路径