logoDreamk's Blog
全部
vue3
222
koa
111
nginx
111
饥荒
111
C程序设计
111
瀑布流
111
paths
111
vue生命周期
111
时间处理
111
windicss
111
joi
111
图片懒加载
111
ts
111
我的世界
111
dayjs
111
markdown
111
记录一下封装的瀑布流组件 ``` <template> <div class="relative" ref="containerRef" :style="{ height: `${contentHeight}px` }"> <div class="item absolute top-0 left-0 transform" v-for="item, index in props.list" :key="index" :style="{ width: `${columnWidth}px` }" > <slot name
0248
vue3
前端
封装代码： ``` export const useImgLazyLoad = () => { // v-lazy 指令 const vLazy = { // 元素加载完成时 mounted mounted: (el: HTMLImageElement) => { el.src = 'https://i.gifer.com/ZKZg.gif' // 加载占位符 el.addEventListener('error', () => { el.src = 'https://img.ixintu.com/download/jpg/202
0227
vue3
前端

 / 1