JOEcv007-优快云博客

原创封装vue瀑布流布局组件

最近在开发移动端页面时，发现好多都使用了瀑布流布局，又没找到个满意的组件，避免每次重复开发，就自行封装了个瀑布流布局组件实现原理根据数据与列参数，以数组嵌套数组为数据格式，通过v-for动态遍历渲染。父盒子使用flex布局，在让列的盒子根据内容撑开高度。添加数据时，动态获取每列盒子的高度，往最小高度的列盒子数组添加数据，就可以实现瀑布流布局。具体内容可以通过插槽添加说的不太清楚，上代码：<template> <div class="flow-wrapper">

2021-04-07 18:28:53 589 1

原创解决vue安装postcss-pxtorem运行后报错 Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.

相信最近使用postcss-pxtorem + amfe-flexible移动端适配的同学会发现，安装完postcss-pxtorem并配置好vue.config.js后，会报错Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.，明明是按以往配置，怎么突然出错了…实际上postcss-pxtorem已经步入6.0版本。需要依赖于postcss8.0实现（具体项还没研究清楚~~TAT）那么解决办法也很简单，查看package.json里po

2021-03-25 12:29:20 4844 2

原创 git常用命令总结

git命令总结$ git init 创建git仓库$ git add <filename> 将工作区文件添加进暂存区$ git add -f <filename> 强制添加$ git chech-ignore -v <filename> 检查.gitignore规则与该文件的冲突$ git commit -m <message> 暂存区文件提交至仓库，-m为此次提交的备注$ git status 查看仓库当前状态$ git diff <fi

2021-02-20 18:05:05 211

空空如也

作为NodeJS的内置模块，vue3里引入为啥报错

2021-10-27

webpack中使用postcss进行css兼容性处理

2020-09-28

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

原创 封装vue瀑布流布局组件