react--react+materialui 单页面示例

示例页面地址 http://mazhaoyang.cn/demos/liantong/

业务逻辑梳理

页面有三部分构成,首页,国家选择页面,日期选择页面

  • 首页

    首页有输入手机号,根据选择的国家/价格和日期,计算总价格,进行支付

  • 国家选择页面

    国家选择是按字母排开的列表,右侧小字母点击跳转到指定位置

  • 日期选择页面

    日期选择页面是列出从当天顺延一年的日期,日期状态分为可选和不可选,点击选择开始和结束日期,用来计算价格

随机浏览