├── .gitignore ├── .vscode └── extensions.json ├── README.md ├── index.html ├── package.json ├── pnpm-lock.yaml ├── public └── vite.svg ├── src ├── App.vue ├── App2.vue ├── assets │ ├── vue.svg │ ├── 响应式效果2.gif │ ├── 封装小红书瀑布流展示.gif │ ├── 瀑布流组件展示.gif │ └── 触底加载更多.gif ├── components │ ├── FsBookCard.vue │ ├── FsBookWaterfall.vue │ ├── FsWaterfall.vue │ ├── tool.ts │ └── type.ts ├── config │ ├── data1.json │ └── data2.json ├── main.ts ├── style.css └── vite-env.d.ts ├── tsconfig.json ├── tsconfig.node.json └── vite.config.ts /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/.gitignore -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/.vscode/extensions.json -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/README.md -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/index.html -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/package.json -------------------------------------------------------------------------------- /pnpm-lock.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/pnpm-lock.yaml -------------------------------------------------------------------------------- /public/vite.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/public/vite.svg -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/App.vue -------------------------------------------------------------------------------- /src/App2.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/App2.vue -------------------------------------------------------------------------------- /src/assets/vue.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/assets/vue.svg -------------------------------------------------------------------------------- /src/assets/响应式效果2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/assets/响应式效果2.gif -------------------------------------------------------------------------------- /src/assets/封装小红书瀑布流展示.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/assets/封装小红书瀑布流展示.gif -------------------------------------------------------------------------------- /src/assets/瀑布流组件展示.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/assets/瀑布流组件展示.gif -------------------------------------------------------------------------------- /src/assets/触底加载更多.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/assets/触底加载更多.gif -------------------------------------------------------------------------------- /src/components/FsBookCard.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/components/FsBookCard.vue -------------------------------------------------------------------------------- /src/components/FsBookWaterfall.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/components/FsBookWaterfall.vue -------------------------------------------------------------------------------- /src/components/FsWaterfall.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/components/FsWaterfall.vue -------------------------------------------------------------------------------- /src/components/tool.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/components/tool.ts -------------------------------------------------------------------------------- /src/components/type.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/components/type.ts -------------------------------------------------------------------------------- /src/config/data1.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/config/data1.json -------------------------------------------------------------------------------- /src/config/data2.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/config/data2.json -------------------------------------------------------------------------------- /src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/main.ts -------------------------------------------------------------------------------- /src/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/src/style.css -------------------------------------------------------------------------------- /src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfig.node.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/tsconfig.node.json -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DrssXpro/waterfall-demo/HEAD/vite.config.ts --------------------------------------------------------------------------------