ZanUI-WeApp 使用教程

项目介绍

ZanUI-WeApp 是有赞移动 Web UI 规范 ZanUI 的小程序实现版本，结合了微信的视觉规范，为用户提供更加统一的使用感受。现已包含 badge、btn、card、cell、dialog、icon、label、noticebar、panel、popup、switch、tab、toast、toptips 等组件或元素。具体可以扫描下方小程序二维码，体验组件库示例 Demo。

项目快速启动

安装项目依赖

首先，克隆项目到本地：

git clone https://github.com/youzan/zanui-weapp.git

进入项目目录并安装依赖：

cd zanui-weapp
npm install

执行组件编译

运行开发环境：

npm run dev

预览示例 Demo

打开微信 web 开发者工具，选择“本地小程序项目 - 添加项目”，将 zanui-weapp/example 目录添加进去，即可预览示例 Demo。

应用案例和最佳实践

ZanUI-WeApp 已被广泛应用于各种小程序开发中，提供了丰富的组件和样式，帮助开发者快速构建美观且功能丰富的小程序。以下是一些最佳实践：

1. 统一风格：使用 ZanUI-WeApp 提供的组件和样式，确保小程序整体风格统一。
2. 组件复用：利用 ZanUI-WeApp 提供的组件，避免重复造轮子，提高开发效率。
3. 个性化定制：可以根据项目需求，对 ZanUI-WeApp 进行个性化定制，以满足特定的设计需求。

典型生态项目

ZanUI-WeApp 作为有赞移动端组件库 Vant 的小程序版本，与 Vant 生态紧密结合。以下是一些典型的生态项目：

1. Vant Weapp：ZanUI-WeApp 的升级版本，提供了更多功能和优化。
2. Vant：有赞移动端组件库，适用于 H5 和小程序开发。
3. 有赞商城小程序：基于 ZanUI-WeApp 开发的有赞商城小程序，展示了组件库的实际应用效果。

通过以上模块的介绍，您可以快速上手并深入了解 ZanUI-WeApp 的使用和开发。