标签:vue

vue

使用gsap给svg图标增加线条动画

使用gsap给svg图标增加线条动画
开发了很多数据大屏了,今天突发奇想有没有办法给这些项目中的图标增加一些动画效果呢?让这些图标活起来,接下来我们来实现效果。 动态效果 动画实现原理 动画实现的主要原理: SVG路径属性: stroke-dasharray:定义路径的虚线模式。 strokeDashoff...

yekong 2周前 (09-26) 92℃ 0喜欢

vue

vue3上传图片到七牛云cdn

vue3上传图片到七牛云cdn
在后台项目开发过程中,客户反应图片加载太慢,限于服务器带宽只有1M,大的图片加载会比较慢,于是将图片上传到七牛云,这样记在速度就会明显提升。 后台开发 后端使用的是lin-cms-koa框架 方法封装,我们安装qiniu插件,通过key和密钥换取token返回给前端,用于文件上...

yekong 2个月前 (08-11) 190℃ 0喜欢

vue

vue3上传图片到lin-cms-koa后台

vue3上传图片到lin-cms-koa后台
后台开发过程中,需要实现一个图片上传功能,后台api接口我们使用的是lin-cms-koa. 接口封装 // 上传文件 export function uploadImg(file) { const formData = new FormData(); formD...

yekong 2个月前 (08-11) 144℃ 0喜欢

vue

element-plus el-select选中边框移出

element-plus el-select选中边框移出
可视化大屏 项目开发中,会需要自定义el-select样式,当我们选中el-select后,会出现一个蓝色边框,这个边框并不是我们想要的,需要进行移除。通过检查样式会发现一个样式--el-select-input-focus-border-color,将这个样式设置none就可以...

yekong 4个月前 (06-19) 814℃ 0喜欢

vue

element-plus el-select右侧图标自定义

element-plus el-select右侧图标自定义
vue3 数据可视化大屏项目中,设计师会设置类似下图的效果,这里我们使用element-plus的el-select来实现我们想要的效果,不过el-select使用的是字体图标,我们需要对其进行修改 版本号 "element-plus": "2.2....

yekong 4个月前 (06-19) 1351℃ 0喜欢

vue

vue2 使用Glide.js实现图片轮播

vue2 使用Glide.js实现图片轮播
可视化数据大屏 开发过程中,需要一个卡片轮播的效果,一开始是想使用swiper的,但是这个swiper可能是版本太多了,兼容问题也多了,各种出错,所以就想找一个简单点的能实现效果就行的插件。于是找到了Glide.js 效果截图 演示地址 vue2 使用Glide.js实现图片轮...

yekong 7个月前 (03-18) 942℃ 0喜欢

vue

vue实现导出word文档功能

vue实现导出word文档功能
vue实现导出word文档功能,导出数据表格,结合html2canvas实现导出图片 演示地址 vue实现导出word文档功能 代码 /** * @Author: 858834013@qq.com * @Name: exportDocument * @Date: 2024...

yekong 7个月前 (03-13) 843℃ 0喜欢

vue

vue.use()的作用是什么?

vue.use()的作用是什么?
Vue.use()是Vue.js框架提供的一个全局方法,用于注册插件。插件可以用来扩展Vue的功能,包括添加全局方法或属性、添加全局资源(如指令、过滤器)、通过全局混入来添加一些组件选项、添加Vue实例方法等。 插件的作用 插件的功能没有严格的限制,一般可以实现以下几种扩展: ...

yekong 7个月前 (03-04) 284℃ 0喜欢

vue

uniapp跟vue的差别是什么?

uniapp跟vue的差别是什么?
uni-app和Vue是两个不同的概念,但它们之间有紧密的联系。Vue是一个渐进式JavaScript框架,用于构建用户界面,特别是单页应用程序。它提供了响应式数据绑定和组合式视图组件。Vue的核心库只关注视图层,易于学习且易于与其他库或已有项目整合。 uni-app是一个使用V...

yekong 7个月前 (03-04) 283℃ 0喜欢

vue

如何理解vue模板引擎

如何理解vue模板引擎
Vue的模板引擎是Vue.js框架中用于描述用户界面和连接数据到DOM(文档对象模型)的声明性语法。它允许开发者以一种直观和声明式的方式来描述UI应该如何随着应用程序数据的变化而变化。以下是Vue模板引擎的一些关键理解点: 声明性语法:Vue模板使用基于HTML的模板语法,允...

yekong 7个月前 (03-03) 242℃ 0喜欢