阅读 4353

大屏展示效果图

累计三天完成 (此处省略N次深坑)点击此处访问地址 服务器到期 停止访问

1. led数码管显示数字

效果图
使用icon字体通过改变class去触发字体的变化 独立完成封装

详情请访问github(这里使用Vue,还存在bug,正在努力调试中) 后台完整项目项目正在进行中还存在很多不完善的地方 服务器到期 停止访问

2. 排行显示

image.png
就是使用简单的渐变布局 后期将会使用echarts进行绘制这个图表

3.地图

image.png
使用echarts绘制

4.蓝色边框

image.png
使用css绘制 没有使用图片当背景图片 可以大量减少资源请求 次数 加快网页加载速度

前端暂时使用定时器实现效果 后期将会使用websortet进行接口对接,将后台数据实时接收,并且展示在网页上。

基于websorket实现的的一个小聊天室

点击这里服务器到期 停止访问 进入聊天室 该聊天室使用vue编写 源码未上传到github

模拟实时聊天

扫描二维码进入聊天室

image.png

实现技术太土 请勿喷我

文章分类
前端
文章标签