介绍
mini-ddui-comps 是一个基于 ddui-comps 开发的、高质量的小程序组件库。它的设计灵感来源于阿里钉钉，拥有比 ddui-comps 更少的依赖项和更好的性能。
mini-ddui-comps 主要提供了常用组件、布局和动画，可以方便的在小程序中使用。同时也提供了更丰富的类型定义和 API 文档以及使用示例和自动构建。
安装
可以使用 npm 或 yarn 在项目中安装 mini-ddui-comps：
npm install mini-ddui-comps --save
或者
yarn add mini-ddui-comps
使用
在使用 mini-ddui-comps 之前，需要在 app.json 中添加组件的引用：
-- -------------------- ---- -------
-
------------------ -
-------- ------------------------------
--------- -------------------------------
------- -----------------------------
--------- -------------------------------
------- -----------------------------
-------- ------------------------------
-------- ------------------------------
------ ----------------------------
------------ ----------------------------------
---------- -------------------------------
-
-然后即可在 WXML 中使用组件：
-- -------------------- ---- -------
-----
-----------
----
-------
-
----------
-----------
-------------
--
----------
----------
--------------
--
-------
-------
--------------
------------
-
--
---------组件列表
通用
- Button
- Tag
- TagGroup
- Loading
- Steps
弹窗
- Modal
- Popup
布局
- List
- ListItem
- Card
- Swiper
API 文档
mini-ddui-comps 的 API 文档包含了每个组件的配置项和方法，同时也提供了示例和使用建议。
示例代码
可以在 mini-ddui-comps 的仓库中查看更多的使用示例，这里提供一些简单的代码片段供参考。
使用 Button 组件
<button type="primary" size="large" bindtap="onClick" > 提交 </button>
Page({
onClick() {
console.log('clicked')
}
})使用 List 组件
-- -------------------- ---- -------
-----
-----------
----
-
----------
-----------
-------------
--
----------
----------
--------------
--
-------使用 Modal 组件
<modal
title="提示"
content="确定要删除吗？"
show="{{ showModal }}"
bind:confirm="onConfirm"
bind:cancel="onCancel"
/>-- -------------------- ---- -------
------
----- -
---------- -----
--
----------- -
------------------------
--------------
---------- -----
--
--
---------- -
-----------------------
--------------
---------- -----
--
-
--结语
mini-ddui-comps 是一个非常优秀的小程序组件库，具有良好的性能和扩展性，可以方便的在小程序中使用。同时，它的 API 文档和示例代码也非常详细，可以帮助开发者更快速地上手和使用组件。
在实际项目中，建议开发者按需使用 mini-ddui-comps 的组件，避免过度依赖和造成浪费。如果有任何问题或建议，可以在 mini-ddui-comps 的仓库中提出 Issue 或 Pull Request。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5e51ab1864dac6715e