介绍
minimal-select 是一个轻量级的下拉选择框组件，它不依赖于任何其他 JavaScript 库或框架，并且只有 1KB 的大小，可轻松集成到您的前端开发项目中。
安装
在您的项目中使用npm 安装 minimal-select，可以通过以下命令来安装：
$ npm install minimal-select
使用
要使用 minimal-select，你需要在你希望使用的页面中引入它的脚本和样式。
-- -------------------- ---- -------
----- ---------------- ------------------------------
---- -----------------------
--------
---------- ----------
---------- ----------
---------- ----------
---------
------
------- -------------------------------------然后在你的 JavaScript 文件中初始化 minimal-select。
var minimalSelect = new MinimalSelect('.minimal-select');有许多配置选项可供选用，例如你可以通过 allowWrap属性更改值是否可以循环滚动：
var minimalSelect = new MinimalSelect('.minimal-select', {
allowWrap: false
});示例：
-- -------------------- ---- -------
--------- -----
----- -------------
------
----- ----------------
---------------------- ------------------
----- --------------- ---------------------------- -----------------
----- ------------------------------------------------------------------------------------ -----------------
-------
---- -
------- ------
----------- --------
-
---------- -
----------- -----
---------- ------
------- ---- -----
-------- -----
----------- -----
-------------- ----
----------- - --- --- ------- -- -- ----- - --- --- ------- -- -- ------
-
--------
-------
------
---- ------------------
---- -----------------------
--------
---------- ----------
---------- ----------
---------- ----------
---------- ----------
---------- ----------
---------- ----------
---------- ----------
---------- ----------
---------- ----------
---------
------
------
------- --------------------------------------------------------------------------------------------
--------
--- -------------------------------- -
---------- ---------------------
---
---------
-------
-------总结
minimal-select 简单易用，让您轻松集成一个优雅美观的下拉选择框组件。如果您正在寻找一个轻量级的下拉选择框，不妨试试 minimal-select。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005626b81e8991b448dfb47