kuan-vue-waterfall:vue3.0瀑布流插件

时间:2024-06-01 15:08:00
【文件属性】:

文件名称:kuan-vue-waterfall:vue3.0瀑布流插件

文件大小:4.22MB

文件格式:ZIP

更新时间:2024-06-01 15:08:00

JavaScript

kuan-vue-waterfall (vue3.0 瀑布插件) 不需要设置内容高度,间隙默认 0 注意:如果没有图片需要延迟获取元素尺寸的话,可以设置delay=false,等待图片加载后显示元素体验比较差 安装 yarn add kuan-vue-waterfall # order npm install kuan-vue-waterfall 使用 import WaterFall from 'kuan-vue-waterfall' export default { components: { WaterFall, }, } 参数 water-fall属性 data {Array}: 数据源列表 [{key: ''}] width {String|Number}: 单个卡片的宽度 gap {String|Number}: 单个卡片之间边距 delay {Boolean}


【文件预览】:
kuan-vue-waterfall-master
----.gitignore(231B)
----package.json(1KB)
----jsconfig.json(232B)
----package-lock.json(499KB)
----src()
--------index.js(136B)
--------water-fall-item.vue(905B)
--------utils()
--------water-fall.vue(5KB)
--------composables()
----public()
--------index.html(578B)
--------favicon.ico(4KB)
----.browserslistrc(30B)
----.eslintrc.js(356B)
----README.md(833B)
----vue.config.js(1KB)
----demo()
--------js()
--------css()
--------index.html(1KB)
--------favicon.ico(4KB)
--------img()
----.eslintignore(3B)
----lib()
--------kuan-vue-waterfall.common.js(190KB)
--------kuan-vue-waterfall.umd.min.js(61KB)
--------demo.html(167B)
--------kuan-vue-waterfall.umd.js(191KB)
----babel.config.js(73B)
----test()
--------images()
--------index.js(130B)
--------App.vue(2KB)

网友评论

  • 滑动到底部怎么实现自动加载更多?