- 博客(5)
- 收藏
- 关注
原创 Vue 路由动画
官网上有一个transition的内置组件 官方过渡动画组件 直接嵌套在路由外 通过name属性来改变动画效果 也可以使用自定义的属性名称 <transition name="slide-fade"> <router-view></router-view> </transition> <style> .slide-fade-enter,.slide-fade-leave-to /* .slide-fade-leave-active fo
2021-08-26 18:35:08
385
原创 毛玻璃效果
一般用在图片上呈现一种更好看的效果 filter: blur(10px); 在元素的属性设置样式后,图片会发生变化,所以要用到两张一样的图片 我写的比较省事,你可以自己随意改变图片位置 style #box { position: relative; float: left; width: 1000px; height: 500px; } .img_wrap{
2021-08-25 18:02:28
117
原创 vue 切换主题颜色
切换背景色–sass // test.sass $bmg1:red; $bmg2:black; $bmg3:green; $bmg4:purple; @mixins changes($color){ background:$color; [data-theme='backgroundcolor1']&{ background:$bmg1; } [data-theme='backgroundcolor2']&{ background:$bmg2; } [data-theme
2021-08-25 17:42:16
422
原创 防抖and节流
防抖节流 根据定时器去实现防抖节流 两个操作不同点就是定时器的改变 防抖----- export function dobiiue(fun, wait) { let timer; return function () { clearTimeout(timer); timer = setTimeout(() => { return fun.call(this, Array); }, wait); }; }
2020-11-24 16:54:34
151
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人