qq_37162688的博客

scss中对象式编程（骚操作） 好久没有写博客了，最近一直比较忙。 今天在做大屏可视化项目的时候，需要写一个动画，供6个表格使用，但是每个表格相差的只有参数不同： 具体效果如下： 这是左侧的三个面板从左侧弹出 ，右边也有这样的三个 正常来说 在vue中我需要写好多的class 从wrap1 - wrap6 <transition appear name="wrap1"> ......

以前写tab切换组件的时候，发现需要根据js的值，生成不同的class样式，开始想到的是map创建很多的class类，用js变量生成不同class名,傻方法如下： 今天发现这方法不靠谱，不能一劳永逸，所以换了个方法： 在style中根据js的值动态设置css中的变量 在class中调用这个css变量就可以动态生成不同属性的class ...

核心的方式是通过 一张背景图中position从左到右移动， 然后transition 中 steps控制帧率来实现掩盖滑动效果。 点赞的图完全可以自己用PS制作。 <div class="box"></div> .box{ width: 50px; height: 50px; background: url(./dianzan.png) no-repeat;...