卡比记账项目——页面划分和布局

规划路由

初步定在这14个页面。

根据设计稿，进行页面的路由规划

/welcome/1~4 //欢迎页面
/start  //首页
/items/new //记账
/tags/new //标签
/tags/:id //更新标签
/items //列出花费
/sessions/new //登陆
/statistics //统计标签

组件规划

layout/welcome //欢迎组件
layout/main //主要布局
tabs //切换Tab
button //按钮组件
overlay //浮层组件
lineChart //折线图
pieChart //饼图
...

欢迎界面的第一个页面

具体实现：

路由： 引入CSS Module 安装SASS插件实现在TSX里写CSS

效果展示：