卡比记账项目——整体review

整体review发现问题

1. 在整体review的过程中，发现全过程没有请求加载中的提示。

2. 此外在选择时间的inputtable中，每次选择时间都会默认从2012年开始，过于久远，不利于用户体验。可以改成当前日期

3. ‘加载更多’以及‘没有更多’的样式可以加上一点空隙

4. 浏览器title以及icon没改，还是vite默认的

5. 暂时没有实现的功能提示敬请期待

6. 合并start页面和items页面

显示加载提示

使用vant的一个加载提示组件。

onMounted(()=>{
    Toast.loading({
      message: '加载中...',
      forbidClick: true,
      duration: 0
    });
})

UI如下：

比如登录界面，点击发送验证码就要展示加载中，发送成功之后再关掉。

实现办法，发送请求时加一个参数，让config额外接受一个参数

添加一个可以取消展示loading的拦截器

成功实现。 同理点击登录也要显示加载中。

显示当前日期

因为我们用了vant的DatetimePicker，所以修改一下这个的参数应该就可以解决。去看了一下vant的文档没有选择默认时间的选项。 在vue3中要用modelValue 让这个modelValue接受Date类型

回到InputPad的DatetimePicker，用modelVlaue代替原来的value

如果存在happenAt就new Data它本身，否则直接new Date

完成。

修改title以及icon

在index.html中修改，通过在线转换格式的工具将svg转化成ico的文件然后进行替换即可。

合并页面

将css合并以及routerlink跳转修改为items。 如果没有记账记录则显示原来的start 最后删除startPage页面。 mock数据改为0测试，

提示敬请期待

创建CommingSoon.tsx

添加路由

效果如下：