前言
zcy-antd 是基于 Ant Design 的二次封装前端组件库，集成了公司自主设计的一些特色组件，使得前端开发人员可以更加便捷地使用 Ant Design 组件，同时也可以享受到公司自主开发组件的便利。
本篇文章将介绍如何使用 zcy-antd 包，包括使用之前的安装和配置，以及各种组件的使用方法、属性、事件等。通过本文的学习，读者可以快速、高效地掌握 zcy-antd 包的使用方法，提高自己的前端开发技能水平。
安装和配置
使用 zcy-antd 包需要首先安装，在控制台输入以下命令进行安装：
npm install zcy-antd --save
安装完成之后，在项目中引入 zcy-antd 组件库：
import { Button } from "zcy-antd";同时，为了兼容 IE9 及以下版本，需要引入以下 polyfill：
import "core-js/stable"; import "regenerator-runtime/runtime";
组件的使用方法
下面将以 Button 组件为例，介绍组件的使用方法、属性、事件等。
Button
<zc-button type="primary" @click="handleClick">确认</zc-button>
Props
type：按钮类型，可选值为default、primary等。size：按钮大小，可选值为large、middle、small等。disabled：是否禁用按钮。loading：是否显示加载中状态。html-type：按钮的原生类型，可选值为button、submit、reset等。
Events
click：点击按钮时触发事件。
Select
<zc-select :options="options" v-model="selectedOption"></zc-select>
Props
options：选择器的选项，格式为数组，每个元素包含label和value两个字段。size：选择器大小，可选值为large、middle、small等。disabled：是否禁用选择器。placeholder：选择器的占位符文本。
Events
change：选择器的选项变化时触发事件。
示例代码
-- -------------------- ---- -------
----------
-----
---------- -------------- -----------------------------------
---------- ------------------ -------------------------------------
------
-----------
--------
------ - ------- ------ - ---- -----------
------ ------- -
----------- -
------------ -------
------------ -------
--
------ -
------ -
-------- -
- ------ ------ ------ - --
- ------ ------ ------ - --
- ------ ------ ------ - --
--
--------------- -----
--
--
-------- -
------------- -
----------------------
--
--
--
---------总结
通过本文的学习，读者可以了解到 zcy-antd 包的使用方法、属性、事件等，同时也可以将这些知识应用到实际项目中，提高项目的开发效率。作为前端开发人员，不断学习和掌握新的技术和工具，才能不断进步，成为更加优秀的程序员。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d1f81e8991b448daca5