面向金融场景的PC端UI组件库,基于Vue.js实现
在已有项目里手动安装 csii-vx-web 的包。
npm install csii-vx-web --save
- 按需加载(推荐)
使用 babel-plugin-import,无需配置style,默认加载目录为lib
plugins: [
['import', {
libraryName: 'csii-vx-web',
libraryDirectory: 'lib'
}, 'csii-vx-web']
]
组件使用
import { CountUp } from 'csii-vx-web'
- 按需引入
import CountUp from 'csii-vx-web/lib/addr-book'
- 全量引入
import Vue from 'vue'
import csiiVxWeb from 'csii-vx-web'
import 'csii-vx-web/lib/csii-vx-web.css'
Vue.use(csiiVxWeb)
如果需要mock
模拟数据进行开发,请在config
文件夹下的prod.env.js
中配置
module.exports = {
NODE_ENV: '"production"',
MOCK: true//开启mock数据模拟
}
如果不需要mock
模拟数据,请在config
文件夹下的prod.env.js
中配置
module.exports = {
NODE_ENV: '"production"',
// MOCK: true//开启mock数据模拟
}