简介
h-naya-mobile 是一个轻量、易用的移动端组件库，包含了丰富的移动端组件，例如 button、dialog、toast 等。在使用 h-naya-mobile 之前，你需要先安装 Node.js 和 npm。
安装
你可以通过 npm 的方式来安装 h-naya-mobile：
npm install h-naya-mobile --save
使用
button
h-naya-mobile 提供了两种 button 组件：h-button 和 h-button-group。
h-button
使用 h-button 组件可以创建一个单独的 button：
<template> <h-button type="primary">Primary Button</h-button> </template>
h-button-group
使用 h-button-group 组件可以创建一组 button：
<template>
<h-button-group>
<h-button>Button 1</h-button>
<h-button>Button 2</h-button>
<h-button>Button 3</h-button>
</h-button-group>
</template>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