一个练习，使用了Vue全家桶、TypeScript、Element+三件套

代码 效果

页面结构

采用头部+中间主要内容+底部的结构

  • 头部：logo、标题和用户（如果没登陆则是登录入口）
  • 中间主要内容：路由
  • 底部：没啥特殊的

功能

首页

根据筛选条件显示北京市医院

登录

只有登录才能进行挂号流程、访问会员中心

可以使用手机号或微信登录，若手机号/微信没有对应账号则会自动注册

因为没有开通短信服务（贵），所以只是模拟了一下过程（六位验证码会自动回显）

医院详情

查看医院的一些详情

只有已登录用户才能进行挂号

选择就诊人、确认订单

会员中心

订单详情，分为待支付、已支付、已取消三个状态

所有订单

实名认证，一个账号只需认证一次

就诊人管理，用于增删修改就诊人