简介
npm是一个非常流行的前端包管理器，其中有许多不同类型的包，例如用于前端开发的框架、库、工具等。其中，airtame-gooey是一个可以帮助开发人员快速创建漂亮、易于使用的用户界面的npm包。
安装
在使用airtame-gooey之前，首先需要在你的项目目录下使用npm安装它:
npm install airtame-gooey --save
使用
添加引用
在使用airtame-gooey之前，还需要将其引入到你的项目中。可以在项目的入口文件中使用以下代码：
import airtameGooey from 'airtame-gooey';
或者，直接在HTML文件中使用script标签引入airtame-gooey：
<script src="node_modules/airtame-gooey/dist/airtame-gooey.min.js"></script>
创建一个模态框
接下来，你可以创建一个模态框（Modal）并向其中添加内容。以下是一个使用airtame-gooey创建模态框的示例：
-- -------------------- ---- -------
----- ----- - --- ---------------------
--------------------- --------
----- ------- - ------------------------------
----------------- - ----- -- --- ------- -- --- -------
--------------------------
--------------------- -- -- -
--------------- ------ ----------
---
------------------------- -- -- -
------------------- ------ ----------
---
-------------创建一个穿梭框（Transfer）
airtame-gooey还提供了一个穿梭框（Transfer）组件，用于向用户显示可使用的选项列表并允许他们选择要添加的选项。以下是一个使用airtame-gooey创建穿梭框的示例：
-- -------------------- ---- -------
----- -------- - --- ------------------------
--------------------------- --------
---------------------------------- --------
--------------------------------- --------
-------------------
- ------ ----- --- ------ ------- --
- ------ ----- --- ------ ------- --
- ------ ----- --- ------ ------- --
- ------ ----- --- ------ ------- --
- ------ ----- --- ------ ------- -
---
--------------------- ------------- ------------ -- -
------------------- ------ ---------------------------------
------------------- ------ ---------------------------------
---
----------------总结
通过本文，你应该对npm包airtame-gooey的使用有了更深入的了解。它提供了一些方便的组件，可用于快速创建漂亮、易于使用的用户界面。如果你正在进行前端开发且需要这种类型的组件，则不妨尝试一下airtame-gooey，相信它会给你带来很多便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005725881e8991b448e8743