npm install vue-waterfall-plugin 使用 import { LazyImg, Waterfall } from 'vue-waterfall-plugin' import 'vue-waterfall-plugin/dist/style.css' <Waterfall :list="list"> <template #item="{ item, url, index }"> <LazyImg :url="url" /> 这是内容 </template> </Waterfall> data: { list...
在Vue3项目中使用vue-waterfall-plugin-next插件,可以方便地实现瀑布流布局,支持PC和移动端自适应,以及多种动画效果和图片懒加载功能。以下是详细的步骤和注意事项: 1. 安装插件 首先,你需要在Vue3项目中安装vue-waterfall-plugin-next插件。可以通过npm或yarn进行安装: bash npm install vue-waterfall-plugin-next ...
vue 瀑布流插件,支持 PC 和移动端,支持 animate 的所有动画效果,支持图片懒加载. Contribute to heikaimu/vue-waterfall-plugin development by creating an account on GitHub.
About vue waterfall(瀑布流插件),自适应PC, 移动端。无需预设置高度。 Resources Readme Activity Stars 1 star Watchers 0 watching Forks 0 forks Report repository Releases No releases published Packages No packages published Languages Vue 60.7% JavaScript 36.3% HTML 3.0% ...
vue create my-waterfall #创建vue3/cli项目 cd my-waterfall #进入项目目录 yarn add element-plus #安装element-plus yarn add vue-waterfall-plugin-next #安装瀑布流组件 使用组件 <template> <Waterfall :list="list" :breakpoints="{1200:{rowPerView:4,} ...
安装依赖 npm install vue-waterfall-plugin-next vue文件中引入使用 <script setup lang="ts"> import { RouterLink } from 'vue-router' import
vue3 瀑布流插件,支持 PC 和移动端,支持 animate 的所有动画效果,支持图片懒加载. Contribute to Mr-xue/vue3-waterfall-plugin development by creating an account on GitHub.
简介 waterfall adaptive plugin for vue and support lazy load , so easy! 暂无标签 MIT 保存更改 发行版 暂无发行版 贡献者(6) 全部 近期动态 4年多前创建了仓库
A free, fast, and reliable CDN for vue-waterfall-plugin. <!-- * @Description: * @Version: 2.0 * @Author: Yaowen Liu * @Date: 2021-10-18 16:22:04 * @LastEditors: Yaowen Liu * @LastEditTime: 2023-02-28 16:33:29 -->
Waterfall adaptive plugin for vue and support lazy load , so easy! - GitHub - AwesomeDevin/vue-waterfall2: Waterfall adaptive plugin for vue and support lazy load , so easy!