一、前端主页面优化,按钮
完成了条形折线图、饼状图数据的获取与展示后,接下来需要对前端界面进行优化改进。
我负责的心理总结部分,目前设计页面共三个,主页面(跳转至日报和周报页面)、日报页面、周报页面。首先对主页面进行优化。将之前写的父子路由删掉,改成普通的路由跳转。
对文字效果进行改进,使用跳跃的文字动画显示主页面“心理总结”四个大字。
效果如图:
对按钮效果进行改进。
效果如图:
调整布局。
二、前端主页面优化,图片显示
继续进行主页面的优化,加载本地图片,美化展示效果。
下载适合心理网站风格的图片素材,在前端进行显示。
效果如图:
三、日报页面优化,背景网格纸效果
调整标题、日报布局,改进页面展示。实现背景的网格纸效果,以及顶部的圆孔效果。
效果如图: