vue项目开发时,总是会想给页面增加一些效果,比如点击后,触发一些动画,常见的比如收藏按钮。点击后,想让按钮有个动画效果。
点击效果
组件使用
<template>
<div class="lottie">
<lo...
yekong
3年前 (2022-08-13)
喜欢
vue项目开发时,总是会想给页面增加一些效果,比如点击后,触发一些动画,常见的比如收藏按钮。点击后,想让按钮有个动画效果。
点击效果
组件使用
<template>
<div class="lottie">
<lo...
yekong
3年前 (2022-08-13)
喜欢
vue数据大屏要求,树状图进行连线效果。在github上找到了一个相对符合要求的插件,
element-tree-line
插件使用
安装依赖
# npm
npm install element-tree-line -S
# yarn
yarn add element-tre...
yekong
3年前 (2022-08-13)
喜欢
vue项目开发要求element ui tree全部展开,于是查询记录了一下。
使用default-expand-all进行控制
<el-tree
node-key="id"
:data="organizationTree"
:pro...
yekong
3年前 (2022-08-12)
喜欢
最近在学习使用AE制作动画,发现AE结合前端可以实现更多酷炫的网页效果,这少不了实践,于是找了一些教程跟着学习制作,不断练习才能进步。
教程是制作一个文字随机闪烁的动画。制作完成动画后还需要使用lottie-web渲染在页面中。
渲染效果
AE源文件
AE源文件 提取码: wb...
yekong
3年前 (2022-08-11)
喜欢
vue项目开发时,要使用Switch来切换状态,但是常用的element ui的Switch并不能满足需要,只能在github上查找一个符合要求的组件来用。最终找到了一个自己需要的组件。
安装依赖
npm install vue-js-toggle-button --save
...
yekong
3年前 (2022-08-11)
喜欢
组件代码
<template>
<div class="numcardInner">
<span :class="className" v-if="show">{{ num...
yekong
3年前 (2022-08-08)
喜欢
vue项目开发时,需要对文件进行导出操作,这就需要用到下载文件操作,这里使用的是axios进行下载操作。
async exportData() {
var data = qs.stringify({queryParam: this.data.queryParam})
le...
yekong
3年前 (2022-08-08)
喜欢
vue高德地图通过点击地图获取当前经纬度,记录一下实现实例。
initAmap() {
this.map = new AMap.Map('amap', {
resizeEnable: true,
center: ['105.065513639543', '29.5902...
yekong
3年前 (2022-08-03)
喜欢
el-upload上传文件时,需要限制一些文件类型,使用accept=".wav,.mp3"可以实现限制文件类型。
<el-upload
action=""
class="upload-demo"
:d...
yekong
3年前 (2022-08-02)
喜欢