分类:vue

vue开发笔记

vue h5使用vConsole移动端调试插件

vue h5使用vConsole移动端调试插件
vConsole是帮助在手机查看执行情况的插件 vConsole 是一个轻量、可扩展的前端开发者调试面板,专门针对移动端网页设计。它是框架无关的,可以在 Vue、React 或其他任何框架中使用。vConsole 主要用于在移动设备上调试网页应用,解决了在手机上无法直接查看 ...

yekong 5天前 1097℃ 4喜欢

vue3 element-plus dropdown下拉菜单自定义样式

vue3 element-plus dropdown下拉菜单自定义样式
vue3数据可视化大屏项目开发中,会遇到一些下拉菜单,在功能上element-plus已经满足了我们的需求,不过样式可能和我们的ui设计图不一致,这时候就需要自定义下样式了,vue3 element-plus dropdown下拉菜单自定义样式 可以通过修改el-dropdown...

yekong 6天前 2771℃ 3喜欢

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

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

yekong 6天前 570℃ 0喜欢

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

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

yekong 6天前 929℃ 0喜欢

vue 使用canvas实现序列帧动画效果

vue 使用canvas实现序列帧动画效果
数据可视化大屏 项目开发中,会添加动画来点缀页面,有些可以通过css来实现动画,有些图片序列帧动画,序列帧动画可以通过css+雪碧图的方式来实现,也可以通过js的方式来实现,今天是使用canvas+js来实现。 准备序列帧图片 我们首先需要准备序列帧图片,这里我们准备了75张序列...

yekong 1周前 (06-17) 1285℃ 0喜欢

vue tab自动切换居中显示

vue tab自动切换居中显示
需求 在Vue项目开发中,有时我们需要实现一个Tab菜单,当点击某个Tab时,该Tab能够自动居中显示。本文将介绍如何使用Vue和BetterScroll库实现这一功能。 动态效果 代码实现 以下是完整的代码实现,包括模板、脚本和样式部分。 模板部分 <template...

yekong 3周前 (06-07) 1271℃ 5喜欢

vue 实现vr全景看房并添加标注

vue 实现vr全景看房并添加标注
项目开发中,我们会遇到各种需求,今天我们的需求是实现全景看房,并给房间里对应的场景物品添加标注。 准备素材 我们需要准备各个房间的全景图,为渲染做准备 动态效果 移动端兼容 移动端测试可以正常浏览 配置房间信息 我们通过 roomList来配置房间, image为房间全景图,...

yekong 4周前 (05-27) 165℃ 0喜欢

vue滚动到页面指定位置增加偏移量

vue滚动到页面指定位置增加偏移量
vue项目开发过程中,需要实现点击按钮滚动到指定位置,但是实现滚动后发现滚动的太靠上了,这不是想要的效果,想要实现的是往上滚,但是需要增加一点偏移量,才能达到预期的效果。 <div class="menuListItem" @click="sc...

yekong 4周前 (05-27) 86℃ 0喜欢