npm 包 @byhealth/yyj-antd 使用教程

阅读时长 4 分钟读完

简介

@byhealth/yyj-antd 是一款基于 Ant Design 的 React 组件库,主要用于医疗健康领域的前端开发。该组件库提供了丰富、易用的组件,可快速构建功能完善、高效稳定的医疗健康应用。

安装

使用 npm 或 yarn 安装均可。

使用

引入组件

基础用法

-- -------------------- ---- -------
------ - ------ ------ - ---- ---------------------

-------- ----- -
  ----- ------- --------- - -------------

  ----- ------------ - --- -- -
    -------------------------
  -

  ----- ----------- - -- -- -
    -------------
  -

  ------ -
    -----
      ------ ------------- ----------------------- --
      ------- ------------------------------------
    ------
  --
-

-------------------- --- -----------

深度定制

通过覆盖默认样式,可以对组件进行深度定制。以 Button 组件为例,可通过样式表覆盖默认样式:

-- -------------------- ---- -------
------ - ---------- - ---- ------------
------ - ------ - ---- ---------------------

----- ------ - -------------------
  ---- -
    --------- -------
    ------------- ------
    -------- ----- ------
    ---------------- ----------
    ------ --------

    --------- -
      ---------------- ----------
    --
  --
---

-------- ----- -
  ------ -
    -----
      ------- ------------------------------------------
    ------
  --
-

-------------------- --- -----------

示例代码

完整示例代码如下:

-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ -------- ---- ------------
------ - ------ ------- ----------- --- - ---- ---------------------

----- ------ - -------------------
  ------ -
    ------ --------
    ---------- -------
    ------------- -------
  --
  ---- -
    ---------------- ----------
    ------------ ----------
  --
---

-------- ----- -
  ----- ------- --------- - -------------

  ----- ------------ - --- -- -
    -------------------------
  -

  ----- ----------- - -- -- -
    -------------
  -

  ------ -
    -----
      ------ ----------------------------- ------------- ----------------------- --
      ------- --------------------------- ------------------------------------
    ------
  --
-

-------------------- --- -----------

总结

@byhealth/yyj-antd 是一款优秀的 React 组件库,适用于医疗健康领域的前端开发。通过本文,您了解了该组件库的安装和使用方法,并学会了如何进行深度定制。希望对您的前端开发有所帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/100202