在Vue3项目中使用vue-waterfall-plugin-next插件,可以方便地实现瀑布流布局,支持PC和移动端自适应,以及多种动画效果和图片懒加载功能。以下是详细的步骤和注意事项: 1. 安装插件 首先,你需要在Vue3项目中安装vue-waterfall-plugin-next插件。可以通过npm或yarn进行安装: bash npm install vue-waterfall-plugin-next ...
vue3 瀑布流插件,支持 PC 和移动端,支持 animate 的所有动画效果,支持图片懒加载. Contribute to Mr-xue/vue3-waterfall-plugin development by creating an account on GitHub.
a waterfall plugin for Vue 3. 一个 vue 3 的自适应瀑布流组件。. Contribute to gk-shi/v3-waterfall development by creating an account on GitHub.
vue3 瀑布流插件,支持 PC 和移动端,支持 animate 的所有动画效果,支持图片懒加载. Contribute to Mr-xue/vue3-waterfall-plugin development by creating an account on GitHub.
vue3 瀑布流插件,支持 PC 和移动端,支持 animate 的所有动画效果,支持图片懒加载. Contribute to heikaimu/vue3-waterfall-plugin development by creating an account on GitHub.
安装vue-waterfall-plugin-next 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,} ...
vue3 瀑布流插件,支持 PC 和移动端,支持 animate 的所有动画效果,支持图片懒加载. Contribute to Mr-xue/vue3-waterfall-plugin development by creating an account on GitHub.
npm install vue-waterfall-plugin-next vue文件中引入使用 import { RouterLink } from'vue-router'import { Waterfall } from'vue-waterfall-plugin-next'import'vue-waterfall-plugin-next/dist/style.css'import { ref } from'vue'import { readCategoryTree } from'@/api/ele'import { useAppStore } from...
vue3 瀑布流插件,支持 PC 和移动端,支持 animate 的所有动画效果,支持图片懒加载. Contribute to IITII/vue3-waterfall-plugin development by creating an account on GitHub.
import vueGridWaterfallfrom'./plugin/index.vue'; import {ref, onMounted }from'vue' component: { vueGridWaterfall } constdataList =ref<any>([]); //获取随机颜色 constgetRandomColor = () => { constgetColor: any = (color: any) => { ...