介绍
mst-cm-fe 是一个基于 React 和 Ant Design 的组件库，旨在快速构建企业级管理后台。该库集成了大量常用的组件和样式，让开发者能够快速搭建出美观、简洁、易用的管理后台。
安装
通过 npm 安装
npm install mst-cm-fe --save # 或者 yarn add mst-cm-fe
通过 CDN 引用
可以通过 unpkg 或 jsDelivr 两个 CDN 工具引用 mst-cm-fe，如下：
<!-- unpkg --> <link rel="stylesheet" href="https://unpkg.com/mst-cm-fe/dist/mst-cm-fe.min.css" /> <script src="https://unpkg.com/mst-cm-fe/dist/mst-cm-fe.min.js"></script> <!-- jsDelivr --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mst-cm-fe/dist/mst-cm-fe.min.css" /> <script src="https://cdn.jsdelivr.net/npm/mst-cm-fe/dist/mst-cm-fe.min.js"></script>
快速使用
引入 CSS 样式
import 'mst-cm-fe/dist/mst-cm-fe.css';
引入 JavaScript 组件
import { Button } from 'mst-cm-fe';
function App() {
return (
<Button type="primary">点击我</Button>
);
}使用案例
基本表格
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ - ----- - ---- ------------
----- ---------- - -
-
---- ----
----- -----
---- ---
-------- --------
--
-
---- ----
----- -----
---- ---
-------- --------
--
-
---- ----
----- -----
---- ---
-------- --------
-
--
----- ------- - -
-
------ -----
---------- -------
---- ------
--
-
------ -----
---------- ------
---- -----
--
-
------ -----
---------- ----------
---- ---------
-
--
-------- ----- -
------ -
------ ----------------------- ----------------- --
--
-表单
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ------ ------ - ---- ------------
-------- ----- -
----- ------ - ---------------
----- -------- - -------- -- -
--------------------
--
------ -
----- ----------- --------------------
---------- ---------- ----------- --------- --------- ----- -------- ------- ----
------ --
------------
-----------
------- -------------- -----------------------------
------------
-------
--
-总结
mst-cm-fe 是一个功能强大的组件库，提供了许多易用的组件和样式，能够在企业级管理后台的开发中提高效率和质量。本文介绍了该库的安装和使用方法，并提供了两个使用案例，希望能够帮助开发者更好地使用该库。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065b46c6eb7e50355dbef4