介绍
wepy-zanui 是一款针对于 wepy 框架的 UI 解决方案，它封装了一些常用的 UI 组件并且提供了一些非常优秀的交互体验。
使用 wepy-zanui 可以快速搭建高质量的 UI 界面，它既可以作为一个组件库集成到我们的项目中，也可以作为一个独立的 npm 包使用。
安装
我们可以通过 npm 安装 wepy-zanui，使用 npm 命令：
npm install wepy-zanui
使用场景
wepy-zanui 适用于基于 wepy 框架开发的小程序或者 H5 等前端项目。如果我们想要使用 wepy-zanui 中的组件，只需要在页面引入即可。
-- -------------------- ---- -------
----------
-----
----------- ------------------ ----------------- ------------------------------
------
-----------
--------
------ ---- ---- ------
------ -------------------------------------
------ --------------------------------
------ - -------- - ---- ------------
------ ------- ----- ----- ------- --------- -
---------- - -
------------- --------
-
---- - -
-------- --
-
-
---------组件
ZanButton
ZanButton 是一个基于 weui-button 进行封装的按钮组件。ZanButton 中有丰富的可配置属性，允许我们通过指定 type 来实现各种不同的按钮类型，如 confirm、cancel、primary、warn 和 secondary 等。
-- -------------------- ---- -------
----------
-----
----------- ------------------------------
----------- -----------------------------
----------- --------------------------------
----------- -----------------------------
----------- ----------------------------------
------
-----------
--------
------ ---- ---- ------
------ -------------------------------------
------ --------------------------------
------ - ------ - ---- ------------
------ ------- ----- ----- ------- --------- -
---------- - -
------------- ------
-
-
---------ZanDialog
ZanDialog 是一个具有灵活性的对话框组件，可以通过指定 type 属性实现不同的对话框类型。除此之外，ZanDialog 还提供了很多常用的属性，用于控制对话框的显示和隐藏，以及显示的内容。
-- -------------------- ---- -------
----------
-----
----------- ---------------------- ------------ ----------------- -----------------
---------------------
-------------
----------- ----------------------- -------------
-------- ----- -------------
-------------
------
-----------
--------
------ ---- ---- ------
------ -------------------------------------
------ --------------------------------
------ - ------ - ---- ------------
------ ------- ----- ----- ------- --------- -
---------- - -
------------- ------
-
---- - -
---------- ------
----------- -----
-
------- - -
------------ -
-------------- - ----
--
------------- -
--------------- - ----
-
-
-
---------ZanProgress
ZanProgress 是一个进度条组件，在我们的应用中可以用于展示加载状态或者任务进度等信息。
-- -------------------- ---- -------
----------
-----
------------- ------------------ ----------------- --------------------------------
------
-----------
--------
------ ---- ---- ------
------ -------------------------------------
------ --------------------------------
------ - -------- - ---- ------------
------ ------- ----- ----- ------- --------- -
---------- - -
--------------- --------
-
---- - -
-------- --
-
-
---------总结
通过使用 wepy-zanui，我们可以非常方便地搭建起高质量的 UI 界面，并且开发效率非常高。在日常开发中，我们完全可以将 wepy-zanui 作为一个组件库集成到我们的项目中，这样可以进一步提高我们的开发效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671078dd3466f61ffde48