分类:vue组件

vue组件

vue 水桶效果水面上浮效果

vue 水桶效果水面上浮效果
最近一个vue大屏项目用到了一个水桶的界面,要求水面有个增高的动画而不是固定死的,于是把实现效果记录一下。 /** * @Author: 858834013@qq.com * @Name: index * @Date: 2022-11-30 * @Desc: */ <te...

yekong 1周前 (11-30) 34℃ 0喜欢

vue pc 记住密码组件 记住密码功能

vue pc 记住密码组件 记住密码功能
vue大屏开发 pc登录需要实现记住密码功能,想到以后也会用到这个功能,就把对应的逻辑代码封装为一个组件,到时候可以直接拿来用。 使用组件 login() { var that = this if (!that.userName) { that.$message...

yekong 2个月前 (10-02) 231℃ 0喜欢

vue实现banner倾斜拼接切换效果

vue实现banner倾斜拼接切换效果
vue项目外包开发时,banner是类似平行四边形和梯形的方式拼接切换的,研究了几种方式,最终感觉其中一个比较合适就选择了这一种。 /** * @Author: 858834013@qq.com * @Name: banner * @Date: 2022-08-31 * @De...

yekong 3个月前 (08-31) 226℃ 2喜欢

vue实现类似横向手风琴的切换效果

vue实现类似横向手风琴的切换效果
vue项目开发时,要求一个类似手风琴的交互效果,但是自己并不擅长这一块,于是在github上搜索了一个相关的效果,最终找到一款比较符合的插件,再源插件的基础上,修改了一下,就可以用了。 源插件地址 源插件地址 使用到的插件 插件中使用到了@tweenjs/tween.js,对这...

yekong 3个月前 (08-29) 256℃ 0喜欢

vue 四个角添加图片的效果

vue 四个角添加图片的效果
vue数据大屏项目开发时,常常需要在每个item的四个角增加图片修饰,让其看起来更加美观,前端切图的时候,如果将这些部分以一个整体做成背景图片资源占用会增加,为了节省图片,一些可以item可以做成四个角标图片分别放在四个角上,这样可以节省图片,并且可以复用,不担心变形。于是将其封...

yekong 4个月前 (08-23) 230℃ 0喜欢

vue table样式自定义组件

vue table样式自定义组件
因为table自带的样式不太友好,设计稿的样式挺好看,就将其封装成一个组件,以后可能会复用,先收藏一下。 使用 <tableCom :t-header="tHeader" :key-val="keyValList" :list=&q...

yekong 4个月前 (08-22) 214℃ 0喜欢