最新发布 第2页

完竣世界-关注前端分享心得

vue

vue vuex数据状态持久化

vue vuex数据状态持久化
vue 数据大屏案例 安全预警系统开发时,vue数据需要存储在本地,避免刷新后导致数据丢失。 使用插件 安装依赖 npm install --save vuex-persist or yarn add vuex-persist 引入依赖 import VuexPersisten...

yekong 3天前 21℃ 0喜欢

vue

vue 实现图片滑动验证

vue 实现图片滑动验证
vue项目开发时,需要在发送验证码前,先做一个滑动验证,验证通过后才可以发送验证码,于是github上搜索,找到了一款符合自己需要的插件。 插件地址 插件地址 安装依赖 npm i vue-drag-verify-img -S 插件使用 /** * @Author: 8588...

yekong 4天前 25℃ 0喜欢

vue

vue 自定义message弹窗

vue 自定义message弹窗
vue项目开发时,需要消息提示位置自定义,如果直接修改element ui的message弹窗很多地方局限性很多,所以按照自己的想法自己手写了一个,调整起来也方便。 组件使用 <message ref="message"></message...

yekong 4天前 26℃ 0喜欢

vue

vue input 密码显示隐藏组件封装

vue input 密码显示隐藏组件封装
vue项目开发时,需要前端对密码框做处理,可以通过点击图标实现密码的查看以及隐藏。图标是使用的是iconfont 组件使用 <passwordInput :password.sync="password"></passwordInput>...

yekong 4天前 17℃ 0喜欢

vue

vue tab可拖动,点击居中显示

vue tab可拖动,点击居中显示
在对老项目vue数据大屏 重要目标预警与智慧分析系统进行优化的时候,发现tab菜单不太美观,于是想了一个优化方案。 vue tab菜单太多,横向放不开,就需要一个滚动条,用来横向拖动,但是横向滚动条会影响美观,并不想看到横向滚动条,于是做了一个优化。 可以通过鼠标拖动菜单横向滚动...

yekong 4天前 102℃ 1喜欢

vue组件

vue tab自动切换居中显示

vue tab自动切换居中显示
演示效果 需求 vue数据大屏开发时,需要一个功能,tab可以自动切换,因为显示区域比较小,高亮项要居中显示,便于查看高亮项。 实现 使用到了better-scroll,可以使用鼠标横向自由拖动。 自动居中切换参考修改自:vue 横向滚动条 实现点击 元素滚动可视区域居中 效...

yekong 4天前 92℃ 2喜欢

vue

vue tab_line_sync 组件

vue tab_line_sync 组件
vue tab 下划线 同步组件模板 演示地址 使用 /** * @Author: 858834013@qq.com * @Name: ywsjgl * @Date: 2022-06-14 * @Desc: 业务数据概览 */ <template> <d...

yekong 4天前 169℃ 2喜欢

uniapp

uniapp 微信小程序底部导航添加动画

uniapp 微信小程序底部导航添加动画
最近学习ae的一些基本功能,于是跟着学习了一些简单的动画,并想着怎么融入到自己写的项目中去。于是加入到了自己正在开发的微信小程序中。 组件使用 <div class="list" v-for="(item,index) in list&quo...

yekong 4天前 37℃ 2喜欢

uniapp

uniapp 微信小程序收藏增加点击动画

uniapp 微信小程序收藏增加点击动画
uniapp微信小程序开发,要求页面中,尽可能的增加动画效果,于是收藏也给增加了一个动画,封装成可复用的组件,只需要更换json数据就可以更换为其他的图标动画。以便于后期重复使用。 使用组件 <div class="icon_star"> ...

yekong 5天前 23℃ 0喜欢