汇添富基金大屏开发

金融股票案例ID：179623

悟空

3 年经验· 北京中科软科技股份有限公司

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

特别提示：我所上传的图片是静态图片因此效果体现不出来此项目是极具视觉效果属于定制型项目
优点：体积小 Vue快速开发无需搭配后台只需与对接人员使用双向通信Socket即可并且是从0到1的项目
1、项目框架Vue 使用Vue脚手架搭建架子编写router路由 App定义路由入口安装依赖
2、由于是大屏展示较多动画是轮播图我使用的是Swiper插件由此做轮播器
3、考虑到一期项目是客户手拿pad进行控制五块大屏因为使用vuex进行数据管理
4、项目中要进行双向通信因此我使用websocket进行通信控制定义指令字段导出请求指令
5、多次编写全局组件提高代码质量避免冗余方便自己维护
6、使用vue的过渡标签包裹组件进行功能切换动画
7、三种模式 1、团队模式展示 2、领导模式展示 3、自定义展示
8、使用H5热点区域标签规划图片中的坐标搭配element ui 对话框进行点击放大效果
9、利用计时器进行时间控制无操作进入屏保状态并自动轮播
10、后期和公司ios开发配合写入socket地址发送指令进行双向控制
11、后期进行pad书写文字可英文可中文可中英文混排进行判断英文和中文从而进行空格的控制定义好公共
方法获取到后端返回的空格符和换行符进行搭配正则while循环处理字符串
12、三次现场调式于六月8日上线完成一期开发并研讨二期制作二期后台管理系统