@wgx0613/hy-ui NPM

🎁框架介绍

基于 ant-design-vue@1.7.4 进一步的封装。

由于有个别组件是跟惠云PC前端框架耦合在一块的，所以该组件库必须跟惠云PC前端框架配套使用。
耦合点：API接口地址以及其它已封装好的方法！

🍁说明

提炼自企业级中后台产品的交互语言和视觉风格
QQ交流：1187584267
演示环境：https://huiyun.cc/ui

🍁安装

npm install @wgx0613/hy-ui --save
npm install style-resources-loader --save
npm install vue-cli-plugin-style-resources-loader --save

yarn add @wgx0613/hy-ui
yarn add style-resources-loader
yarn add vue-cli-plugin-style-resources-loader

如果你的网络环境不佳，推荐使用 yarn 或 cnpm。

📙开发流程

配置vue.config.js文件

pluginOptions: {
  "style-resources-loader": {
    preProcessor: "less",
    patterns: [
      path.resolve(__dirname, "node_modules/@wgx0613/hy-ui/components/style.less"),
    ]
  }
}

main.js文件中引入组件库

import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
Vue.use(Antd);
# 如果项目中已引入这一步可以省略！

import HyUI from '@wgx0613/hy-ui';
import { setTheme } from '@wgx0613/hy-ui/styleController';
setTheme('default'); // 初始化主题
Vue.use(HyUI);
Vue.prototype.$setHyUiTheme = setTheme; // 设置主题全局方法