这两天也没偷懒,但是确实没啥可记录的,也不知道写啥。 一直在写svg的项目,由于不是特别着急,所以进度不是特别快。所以我打算重构一下当时的考核项目图书管理系统。大概完成了一些简单的前端功能。
这个是登陆界面,一个简单的盒子居中,毛玻璃,弹性盒子基本使用,路由跳转,图片插入覆盖背景,运用element-ui向输入框中添加图片,都是一些比较基本的事。
这是图书管理系统的首页,简单的布局,四个盒子的排列,导航栏可以回缩,实时时间的展示,echarts图表的插入,盒子的简单阴影,尽可能地在保证页面的干净整洁,避开一些花里胡哨的操作,给人视觉一种舒适感。
这是首页的右上角 可以直接跳转到会员中心和退出到登陆界面,看似是两个简单的路由跳转,但是侧边栏高亮的问题困扰了我一会,当然也不是很难解决,知识以前都用vuex解决,这次想尝试一种心得方法,也算成功了。
刷新界面高亮回到初始页面高亮,只需要这一行代码就可以解决了,因为每次刷新都会调用一次生命周期函数,重新赋值一下高亮使其对应当前页面路由就可以了。
增加完首页右上角的两个跳转后再次遇到高亮问题,所以花了一点时间去解决。
这两个都是element-ui封装好的点击事件,一个是侧边栏的,一个是首页右上角弹出框的,我的思路是在每次切换导航菜单时重新赋值topath,在跳转到会员中心时只需要判断传过来的值是否是vipCenter活着unit,然后走相应的路由,这里在第一个判断里又加了一个判断,希望大家写代码不要像我一样,报错之后才想到要抛出异常,一定要写之前最好能想到,虽然一开始可能很难实现,但这不正是我们程序员所需要学习的么。
最后就是一个简单的个人中心页面,还没想好要去写什么。总之也希望大家不要迷茫,其实每个人都有这个过程,别放弃现在努力的一切,自然会有收获。如果没有,就在努力一点。