vue
文章平均质量分 80
晚风予星_Kylin
https://github.com/lxKylin
展开
-
使用el-row、el-col制作表格及表格下方的展开/收起按钮
使用el-row、el-col制作表格及表格下方的展开/收起按钮效果图如下动态图收起状态展开状态无数据状态功能:● 默认展示三行数据,超出三行的数据被折叠,点击展开按钮,即可展开● 如果没有数据,展示内容为:暂无数据,且展开按钮也不显示● 如果数据不到三行或者只有三行,那么展开按钮不显示思路:使用el-row、el-col将表格的雏形可以先绘制出来el-col中的span将一行分为24份具体样式看下面的css代码默认展示三行数据,超出三行的数据被折叠原创 2021-12-14 23:40:31 · 3723 阅读 · 0 评论 -
粒子动态背景--在Vue3中使用VueParticles
前言在公司某项目登录界面见到粒子动画背景,也想将这个动画效果用在自己的项目上,起初以为直接安装vue-particles就可以了,结果自己的项目是Vue3的,不兼容。根据网上调研,在Vue3中可以使用particles.vue3实现这个粒子动画particles.vue3官网https://particles.js.org/Demos就是一个演示,在里面可以自己更改一些配置Presets就是预设的动画,点进去可以看到效果API Docs文档CodePen代原创 2021-12-08 14:24:21 · 8550 阅读 · 8 评论