创新项目实训-个人记录(八)

 一、前端主页面优化,按钮

完成了条形折线图、饼状图数据的获取与展示后,接下来需要对前端界面进行优化改进。

我负责的心理总结部分,目前设计页面共三个,主页面(跳转至日报和周报页面)、日报页面、周报页面。首先对主页面进行优化。将之前写的父子路由删掉,改成普通的路由跳转。

对文字效果进行改进,使用跳跃的文字动画显示主页面“心理总结”四个大字。

效果如图:

对按钮效果进行改进。

效果如图:

调整布局。

 二、前端主页面优化,图片显示

继续进行主页面的优化,加载本地图片,美化展示效果。

下载适合心理网站风格的图片素材,在前端进行显示。

效果如图:

三、日报页面优化,背景网格纸效果

调整标题、日报布局,改进页面展示。实现背景的网格纸效果,以及顶部的圆孔效果。

效果如图:

  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值