需求
在Vue项目开发中,有时我们需要实现一个Tab菜单,当点击某个Tab时,该Tab能够自动居中显示。本文将介绍如何使用Vue和BetterScroll库实现这一功能。
动态效果
代码实现
以下是完整的代码实现,包括模板、脚本和样式部分。
模板部分
<template...
yekong
11个月前 (06-07)
喜欢
vue3 数据驾驶舱登录页
使用wowjs添加入场动画
宽高自适应
监听回车登录
演示地址
vue3 数据驾驶舱登录页
代码风格
vue3+vite+js
vue3 数据驾驶舱登录页 截图
动态效果
部分代码
<div class="loginPage&q...
yekong
11个月前 (06-05)
喜欢
liMarquee 是一款基于 jQuery 的无缝滚动插件,类似于 HTML 的 marquee 标签,但功能更为强大。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素。liMarquee 支持设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加...
yekong
11个月前 (06-03)
喜欢
uniapp微信小程序开发过程中,用户觉得输入框点击范围太小,需要增加范围,为了不影响布局,前端使用其他方法来实现。
通过focus来控制输入框的激活
<template>
<div class="item" @click="fo...
yekong
11个月前 (06-02)
喜欢
初始化一个Node.js项目是一个相对简单的过程,以下是详细的步骤:
1. 安装Node.js和npm
首先,你需要确保你的系统上已经安装了Node.js和npm(Node Package Manager)。你可以通过以下命令检查是否已经安装:
node -v
npm -v
如...
yekong
11个月前 (06-02)
喜欢
vue3 可视化数据大屏 大桥及隧道数据分析
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
运行环境
nodejs 16
开发框架
vue3 vite js
分辨率
1920 * 1080
演示地址
演示demo:大桥及隧道数据分析 数据可视化大...
yekong
11个月前 (06-01)
喜欢
最近开发数据可视化大屏项目模板,需要一个大桥的全景图,但是自己又没办法拍摄,于是我们想到了使用谷歌全景。
首先找到全景图
我们打开谷歌地图全景图,我们找到了
选择Street View y 360°
金门大桥全景图
打开网页工具
打开工具istreetview
我们打开工具选择...
yekong
11个月前 (05-31)
喜欢
最近小米手机总是掉线,软件看视频看不了,游戏也玩不了,只能使用流量,于是查询了一下,更改了一下设置后好像可以了。
设置wifi的右箭头
我们首先打开我们的wifi设置,找到右箭头
隐私
这里的隐私之前是使用的随机mac,改为使用设备mac后,网络就恢复正常了,也不清楚是啥原因。...
yekong
11个月前 (05-30)
喜欢
vue3 可视化数据大屏 财务管理数字内控平台
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
运行环境
nodejs 16
开发框架
vue3 vite js
分辨率
1920 * 1080
演示地址
演示demo:财务管理数字内控平台 可视化数...
yekong
11个月前 (05-29)
喜欢
数据可视化大屏项目开发中,会需要很多小动画进行点缀,以达到让大屏看起来更加酷炫。
今天整理的动画效果是使用gsap三个点依次变大然后恢复原来大小的动画效果。
动画效果
关键代码
<template>
<div class="titleDot&q...
yekong
11个月前 (05-29)
喜欢