目前市面上提供了一些免费开源的第三方小程序UI组件库，可以下载后放到项目文件夹中直接使用，比起开发者从头开始自定义组件更为方便、高效。本次考虑使用第三方UI组件来实现界面的视觉统一。本次以有赞第三方UI组件库Vant Weapp为例，介绍如何使用自定义组件配合云开发中的数据库基本功能实现一个生日管家小程序。
本项目一共三个页面，即首页、好友信息编辑页和好友信息展示页。
首页功能需求：1.包含“添加新朋友”按钮、搜索框和好友列表。2.点击“添加新朋友”按钮后跳转到好友信息编辑页，可以录入数据。3.搜索框可以根据好友姓名关键词查找指定好友。4.好友生日列表需要展示好友姓名、生日、距离下个生日还有多少天，并且点击好友头像可以跳转到好友信息展示页查看详情。
好友信息编辑页功能需求：1.以表单的形式要求用户录入好友的姓名、性别、生日、电话、关系等信息。2.“保存记录”按钮用于添加或更新好友数据到云数据库中。3.“取消表单”按钮用于取消本次填写，返回上一页。
好友信息展示页面功能需求：1.顶端展示好友的头像和姓名。2.中间列表展示好友的性别、电话、和用户本人关系、距离出生已经多少天、距离下个生日还有多少天。3.下方是“修改”按钮和“删除”按钮，分别用于跳转编辑页面和直接删除当前好友。
标签：Vant,展示,跳转,Weapp,按钮,组件,生日,好友 From： https://www.cnblogs.com/liding111/p/17819631.html