- 博客(11)
- 收藏
- 关注
RSS订阅原创 vue3接阿里验证码2.0封装 【自用】
跟着官方给的Demo能清晰地接入项目，但目前官方的Demo下载下来只给了vue2的。（附官网链接），第一次无感验证，失败后跳出滑块验证。下贴子组件，即验证功能本体。1.需要先在项目根目录里找到。
2024-09-02 17:25:22
446
原创 vue3 裁剪图片、头像组件封装 elementPlus上传组件+cropper
如果原先就有图片，则点击修改时直接出现原图片，用户可点击【选择】重新上传再裁剪，也可直接裁剪原图片提交。用户上传的头像、封面等图片需要符合一定的比例，网站需要帮助用户进行预处理，确保图片显示时不会变形。点击上传按钮选择文件后，出现裁剪弹窗。
2024-05-08 16:41:08
1202
1
原创 vue 【颜色处理】输入色值，自动处理输出更浅的颜色，可用作背景色
处理思路：十六进制的色值，前两位代表红色，3-4为代表绿色，最后2位代表蓝色。是处理后的RGB模式色值。如截图，输入文字颜色色值，函数自动处理，输出背景色。颜色方向：饱和度更低，明度更高。
2024-04-09 17:54:34
427
1
原创 vue3 G2Plot图表记录 Mix多图层图表
在项目中碰到的需求，多个图表在同一个坐标系中，个别日期需要特别标记，需要用三角形进行标记。这次拿到的数据，每张图的X轴完全一致，没有做额外处理。Y轴数据量级有差距，需要手动处理。从接口拿回数据后，算出4张图同属的最大Y值和最小Y值，对图表进行设置。，才能保证拿到数据后每个图的X轴和Y轴对齐。】来解决，引入的图层类型有【面积图。个人觉得需要用到【多图层图表。里的每个对象代表图层。
2024-03-14 16:37:21
453
1
原创 Vue3 动画_卡片循环滚动轮播效果
1.从接口获取展示用的数据data后，算出每个被渲染出的卡片应有的。3.代表Y轴位移的数一旦触底/到顶后回归初始值。，每过一段时间，数组每个值加或减一定的偏移量；控制卡片组滚动,来完成动画效果。，保存到一个代表Y轴位移的数；即在不变换的情况下是。
2024-02-06 14:36:34
978
1
原创 vue3动画效果
引入了动画库全局引入 --main.js就可以使用了注意：将类名与其他动画名称一起写，单个动画名称不要忘记Animate__前缀！
2024-01-08 17:02:52
550
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人