介绍
hx-antd 是基于 Ant Design 开发的一套 Vue UI 组件库，可以大大缩短前端开发时间，提高开发效率。
安装
可以通过 npm 安装：
npm install hx-antd --save
或者使用 yarn：
yarn add hx-antd
使用
使用 hx-antd 非常简单。只需要先在你的应用中导入 hx-antd：
import HxAntd from 'hx-antd' import 'hx-antd/dist/hx-antd.css' Vue.use(HxAntd)
然后就可以在应用中使用 hx-antd 提供的组件了。
组件
Button 按钮
Button 组件提供了各种类型、大小和状态的按钮。
-- -------------------- ---- ------- ---------- --------------------------- ---------- ------------------------------- ---------- ------------------------------ ---------- ---------------------------- ---------- ----------- ------------------------- ---------- ---------------- ------------------------------- ---------- --------------- ------------------------------- -----------
Input 输入框
Input 组件提供了各种类型和大小的输入框。
-- -------------------- ---- -------
----------
--------- --------------- -------------------------------
------------ --------------- ----------------------------------
---------------- --------------- ------- --------- ---------------------------
---------- --------------- --------------------------------
------------ --------------- ----------------------------------
----------------- --------------- ------------------- ---- -------------------------
-----------
--------
------ ------- -
------ -
------ -
------ --
-
-
-
---------Layout 布局
Layout 组件提供了 Header、Sider、Content、Footer 组件，可以快速构建页面布局。
-- -------------------- ---- -------
----------
---------- -------------- -------
-----------------------------
-----------
--------- ------------------------ ----------------------
--------------------------------
------------
-----------------------------
------------
-----------Menu 菜单
Menu 组件提供了多种类型的菜单，包括顶部菜单、侧边菜单和下拉菜单。
-- -------------------- ---- -------
----------
-------- ------------------
---------------------------------
---------------------------------
----------- ------------
----------------------------------
----------------------------------
-------------
---------------------------------
----------
-----------Table 表格
Table 组件提供了排序、搜索、分页等功能，可以快速构建数据表格。
-- -------------------- ---- -------
----------
--------- ------------------ ------------------------
-----------
--------
------ ------- -
------ -
------ -
-------- -
-
------ -----
---------- -------
------- --- -- -- ----------------------------
--
-
------ -----
---------- ------
------- --- -- -- ----- - -----
--
-
------ -----
---------- -------
-
--
----- -
-
---- --
----- -----
---- ---
------ ----------------------
--
-
---- --
----- -----
---- ---
------ ------------------
--
-
---- --
----- -----
---- ---
------ --------------------
-
-
-
-
-
---------结尾
通过本文，你已经学会了如何使用 hx-antd。相信在实际项目中，hx-antd 能够帮助你快速构建出高质量的前端界面。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562c681e8991b448e007e