sky-custom-components v0.0.96

Vue 3 + TypeScript + Vite 实现的基于ElementPlus实现的组件集合

目的是为了统一项目的组件风格一致，减少重复代码的反复声明。 目前仅仅实现了： 1. sky-custom-upload组件

使用方法

1. 选择一个你喜欢的包管理器

   NPM

   $ npm install sky-custom-components --save

   Yarn

   $ yarn add sky-custom-components

   pnpm

   $ pnpm install sky-custom-components

2. 全局引入或者单页面引入

   全局在main引入

   import 'sky-custom-components/dist/style.css'; // 组件库的css
   
   import SkyUI from 'sky-custom-components';
   app.use(SkyUI);

   在单文件引入

   import { SkyCustomUpload } from 'sky-custom-components';
   import 'sky-custom-components/dist/style.css'; // 组件库的css
   
   ...
   components:{
    SkyCustomUpload
   }

   然后就可以在页面上正常使用啦

   如何修改主题色

   在引用的项目的全局scss定义
   --sky-color-primary: #E9492F; // 自定义组件库的主题色
   其他css变量名称跟elementPlus的一致，只需替换前缀为sky

API

属性

响应事件

插槽

外部方法