简介
h-naya-mobile 是一个轻量、易用的移动端组件库，包含了丰富的移动端组件，例如 button、dialog、toast 等。在使用 h-naya-mobile 之前，你需要先安装 Node.js 和 npm。
安装
你可以通过 npm 的方式来安装 h-naya-mobile：
--- ------- ------------- ------
使用
button
h-naya-mobile 提供了两种 button 组件：h-button 和 h-button-group。
h-button
使用 h-button 组件可以创建一个单独的 button：
---------- --------- ---------------------- ----------------- -----------
h-button-group
使用 h-button-group 组件可以创建一组 button：
----------
----------------
---------------- ------------
---------------- ------------
---------------- ------------
-----------------
-----------dialog
h-naya-mobile 的 dialog 组件可以创建一个弹出框：
----------
--------- ------------------------ -----------------
--------- ------------------------------
---------------------- ----------------------
------------------
---- -- --- ------- -- --- -------
-------------------
-----------------
--------- -------------- --------------------- - --------------------
--------- --------------------- - ------------------------
------------------
-----------
-----------
--------
------ ------- -
------ -
------ -
-------------- ------
--
--
-------- -
------------ -
------------------ - -----
--
--
--
---------toast
h-naya-mobile 的 toast 组件可以创建一个带有消息提示的弹出框：
----------
--------- ----------------------- ----------------
-----------
--------
------ - ----- - ---- ----------------
------ ------- -
-------- -
----------- -
----------- -- - ----- -----------
--
--
--
---------总结
以上就是如何使用 h-naya-mobile 的组件。h-naya-mobile 功能较为丰富，建议参考官方文档使用。同时，也可以通过源码学习 h-naya-mobile 的实现方式，以便更好地理解其设计思路。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600672e70520b171f02e1e20