(附源码)抖音超火圣诞树教程(适配手机,附线上demo)


前言

网上超火的圣诞树教程。
在原有基础上增加了改进,添加了雪花,飘雪,以及光晕效果。
个人还是比较喜欢钻研琢磨,有更好看的欢迎留言!!
直接上干货!!!!


博主是学vue比较多,所以把代码集成了vue组件。

问题

1.运行报错

由于代码中用到了with代码块,但是在vue脚手架的严格模式下会无法运行导致报错!!
而且会影响代码的上传。
不过!!
解决也十分简单!!
禁用严格模式即可!!
在这里插入图片描述

在这里插入图片描述

2.自适应问题

在不同显示屏下的显示问题,由于装逼很多人都会用手机打开!!
so!!
做了一个简单的自适应问题!!
使用css的media自媒体查询实现手机情况下的自适应问题!!
在这里插入图片描述

效果图

在这里插入图片描述圣诞树会转!!会转!!会转!!

话不多说上代码!!!

源码

github地址:https://github.com/a1755252380/shengdanshu
线上demo:http://www.linan996.xyz:8001/

总结

在这里插入图片描述

逼格必须拉满!!!不用感谢 !我要开始装逼了!
代码不会用的话!!还有线上demo直接发给她就完了!!

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值