最近vue项目需要渲染3d模型，将实现效果记录一下，便于后续直接复用，代码来自于github
项目源地址
git源地址
安装依赖
npm i three --save
关键代码记录
<template>
<div ref='canvasGLTF' clas...
yekong
1年前 (2022-11-23) 808℃
0喜欢
vue要求div进入到可视区域后，执行指定自定义动画效果。
/**
* @Author: 858834013@qq.com
* @Name: scrollingAnimation
* @Date: 2022-10-20
* @Desc:
*/
<template>
...
yekong
2年前 (2022-10-20) 660℃
0喜欢
vue大屏开发 pc登录需要实现记住密码功能，想到以后也会用到这个功能，就把对应的逻辑代码封装为一个组件，到时候可以直接拿来用。
使用组件
vue2
<rememberPassword :username.sync="userName" :passwo...
yekong
2年前 (2022-10-02) 716℃
0喜欢
vue项目外包开发时，banner是类似平行四边形和梯形的方式拼接切换的，研究了几种方式，最终感觉其中一个比较合适就选择了这一种。
/**
* @Author: 858834013@qq.com
* @Name: banner
* @Date: 2022-08-31
* @De...
yekong
2年前 (2022-08-31) 740℃
3喜欢
vue项目开发时，要求一个类似手风琴的交互效果，但是自己并不擅长这一块，于是在github上搜索了一个相关的效果，最终找到一款比较符合的插件，再源插件的基础上，修改了一下，就可以用了。
源插件地址
源插件地址
使用到的插件
插件中使用到了@tweenjs/tween.js，对这...
yekong
2年前 (2022-08-29) 1167℃
0喜欢
在添加动画的时候考虑到交互效果，需要鼠标移入时，再进行动画播放，鼠标移出后，动画停止，封装一下以便于进行复用。
/**
* @Author: 858834013@qq.com
* @Name: lottiePlay
* @Date: 2022-08-24
* @Desc: 动画播...
yekong
2年前 (2022-08-24) 715℃
0喜欢
vue数据大屏项目开发时，常常需要在每个item的四个角增加图片修饰，让其看起来更加美观，前端切图的时候，如果将这些部分以一个整体做成背景图片资源占用会增加，为了节省图片，一些可以item可以做成四个角标图片分别放在四个角上，这样可以节省图片，并且可以复用，不担心变形。于是将其封...
yekong
2年前 (2022-08-23) 1070℃
0喜欢
因为table自带的样式不太友好，设计稿的样式挺好看，就将其封装成一个组件，以后可能会复用，先收藏一下。
使用
<tableCom :t-header="tHeader" :key-val="keyValList" :list=&q...
yekong
2年前 (2022-08-22) 981℃
0喜欢
vue需要一个步骤条的组件，但是element ui组件的步骤条和自己需要的还是有点差别的，于是自己写了一个，并记录下来。
使用组件
<steps :list="stepsList" :active="stepsActive">...
yekong
2年前 (2022-08-21) 1593℃
0喜欢
没事的时候，就逛逛lottie动画实例，将一些可能会用到的动画效果收藏记录下来，说不定哪天就用到了。今天收藏的是书签收藏效果。
通过点击书签来切换动画效果。
效果预览
git地址
书签效果
...
yekong
2年前 (2022-08-20) 758℃
0喜欢
