如果您在开发企业级应用程序时需要快速搭建前端界面，那么 business-modern npm 包可以帮助您完成此任务。该包提供了一个现代化的用户界面，可以帮助您以快速，优雅的方式构建网站。
安装
首先，您需要安装 Node.js 和 npm。在安装完成后，您可以使用以下命令来安装 business-modern 包：
--- ------- ---------------
这将从 npm 仓库中下载并安装 business-modern 包。
使用
使用 business-modern 包非常容易。您只需要在您的应用程序中引入它，并调用 init 方法即可。
-- -- --------------- ------ -------------- ---- ----------------- -- ------------- ---------------------------
在上面的示例中，我们导入了 business-modern，并将其初始化，同时将视图挂载到 #app html 元素上。
配置
除了在初始化过程中指定视图元素之外，您还可以通过传递一个配置对象来定制 business-modern。
以下是所有可用选项的列表：
--------------------------- - ------- ------ ------------- --- --------------- ----- ---------- ---- --
router
如果您要在应用程序中使用路由，则可以将 router 选项设置为 true。默认情况下，business-modern 根据 data-route 属性自动设置路由。
- ------- ---- -
translations
如果您需要国际化您的应用程序，则可以通过将 translations 设置为对象来为不同的语言提供翻译。该对象应该像以下示例一样：
-
--- -
-------- ------- -------
--
--- -
-------- ------ -------
-
-如果您已经使用了 i18n 库，则可以通过设置 i18n 选项来将其与 business-modern 集成。
-
----- -
------- -----
--------------- -----
--------- -
--- -
-------- ------- -------
-
-
-
-momentumScroll
如果您希望您的页面在移动设备上具有流畅的滚动效果，则可以启用冲量滚动。默认情况下，business-modern 自动将其设置为 true。
- --------------- ---- -
fastclick
如果您要为您的页面启用 FastClick，则可以设置 fastclick 选项为 true。默认情况下，business-modern 也会启用 fastclick。
- ---------- ---- -
组件
business-modern 包提供了一些有用的组件，可以让您快速构建现代化的用户界面。以下是示例：
dialog
使用对话框组件可以向用户显示消息、警告或错误。
----- ------ - --- -----------------------
------ ------- -------
-------- ----- -- - ------ ----------
-------- -
-
----- -----
-------- -------- -- -
--------------- ------ ----------
-
--
-
----- ---------
-------- -------- -- -
------------------- ------ ----------
-
-
-
--
-- -----
-------------toast
使用 Toast 可以在页面的任何位置轻松地显示消息。
----- ----- - --- ---------------------- -------- ----- -- - ----- ---------- --------- ----- --------- -------- -- -- -- ----- ------------
loading
使用加载组件可以在您的应用程序中方便地添加加载状态。
----- ------- - --- ------------------------ -------- --------- -- -- ------ -------------- -- ------ --------------
结论
business-modern 是一个功能强大，易于使用的 npm 包，可帮助您构建现代化的用户界面。使用本文中提供的示例代码，您可以开始使用该包，并使用其提供的组件来快速构建您的网站。祝您好运！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c8dccdc64669dde5510