红料移动端用户服务工具是主要用于普通用户查看交易单的项目，分享海报信息，查看普通用户交易单的一款h5用户服务工具项目。项目主要技术栈（前端）：vue +vue-router+vuex+webpack+axios+vant-ui。负责主要的模块有首页，支付页，海报详情页，视频教程页，推荐页，合买详情页，专家分享页，排行榜，比赛信息页。主要使用vant-ui组件库来搭建项目组件样式。使用 html2canvas 进行页面截图分享。使用qrcode实现二维码支付功能。使用videojs来实现视频播放功能。遇到的问题有：使用html2canvas分享海报截图时，截图不全问题/顶部出现白屏问题，html2canvas是根据屏幕截图进行截图，如果内容高度高于屏幕时就会截图不全/顶部出现白屏问题。我的解决方法是获取滚动条的位置，body固定定位，top值为负当前滚动条的位置。设置延时100毫秒后再获取要生成海报的元素，当生成海报之后，再把滚动条设置回原来的位置。然后我的截图再没有出现截图不全/顶部出现白屏问题。