Axure项目实战：智慧城市APP（二）社保查询（动态面板叠加高级交互）
亲爱的小伙伴，在您浏览之前，烦请关注一下，在此深表感谢！
课程主题：智慧城市APP便民服务平台
主要内容：社保查询功能页
应用场景：大多数鉴权应用、政务查询类、业务流均可参照本节课
案例展示：
正文内容：
社保查询模块涉及到人脸识别功能调用，判断登录两个前置条件；在功能上包含基本信息，社保缴纳查询，从整体逻辑上先做每个页面的内容，鉴权、人脸最后在做。以下为制作过程：
图11接上节课的顺序
图12
图13
图14
图15
图16
图17
两个动态面板均设置成载入时隐藏，由点击元件来触发显示；
下面制作功能鉴权，因为使用社保功能需要判断用户是否登录，以及需要通过人脸验证确保是本人使用，方可查询，所以我们要前置判断条件；
具体步骤：总体思路——创建登录弹窗——登录成功后调起人脸验证
- 登录弹窗
图18
2、人脸须知弹窗
图19
3、人脸验证
图20
人脸须知页面和验证页面均使用移动功能（登录页的确认、以及下一步来触发移动）嵌入到当前页面中，每一个实现后即隐藏之前的页面（热区在触发结束后也需要隐藏）；
本课小结：业务流程不复杂，重点在逻辑验证，以及动态面板中嵌入第二个动态面板，由动态面板的State123来支撑不同选择情况下，不同内容的显示；考验的是针对动态面板的掌握程度。本节课涉及到的基础知识点下边有直通车，不熟悉的可以去学习一下。
相关课程直通车：
Axure常用交互效果四——移动效果_axture-CSDN博客
Axure常用交互设计一——选中效果_axure怎么设置选中显示-CSDN博客
Axure重要元件一——动态面板_axure面板-CSDN博客
如有其他相关问题，欢迎私信沟通，关注 结构化知识课堂-CSDN博客
明天的产品大咖就是你，创作不易，麻烦关注一下，点赞+收藏，感谢大家！