Vue.js制作老虎机抽奖

我就先直接上代码了吧~
实现原理是使用background的background-position-Y属性每隔100毫秒或者50毫秒增加background-position-Y的值,背景图一定要是雪碧图哦~

自定义组件内:






页面引用:

Vue.js制作老虎机抽奖_第1张图片
image.png

效果地址:https://m.qtshe.com/act/alipayNewAct

青团社招聘:

招聘岗位:高级前端开发工程师P5及以上

简历投递到:[email protected] || [email protected]

职位描述:

1、建设工具、提炼组件、抽象框架,促进前端工程化、服务化,持续提升研发效率,保障线上产品质量

2、构建H5/PC应用基础设施,主导建设前端各种发布/监控等平台,指导落实解决方案

3、持续优化前端页面性能,维护前端代码规范,钻研各种前沿技术和创新交互,增强用户体验、开拓前端能力边界

你可能感兴趣的:(Vue.js制作老虎机抽奖)