最新发布 第5页

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

uniapp

uniapp vue3使用uview-plus自定义导航栏

uniapp vue3使用uview-plus自定义导航栏
要在uni-app项目中使用uView-plus3.0的自定义头部组件替换默认的导航栏,你需要进行以下步骤: 安装使用依赖 uniapp vue3 安装uView-plus3.0流程 步骤 1: 禁用默认的导航栏 首先,你需要在页面的配置文件中禁用默认的导航栏。这可以通过设置页...

yekong 3周前 (04-25) 79℃ 0喜欢

threejs

threejs实例效果汇总

threejs实例效果汇总
threejs 3d机房点按钮,相机飞行靠近观察设备 效果演示: threejs 3d机房点按钮,相机飞行靠近观察设备 效果截图: threejs 3d环绕效果实例实例 效果演示: threejs 3d环绕效果实例实例 效果截图: Three.js实现太阳系实例 效果演示: ...

yekong 3周前 (04-25) 861℃ 0喜欢

vue

vue通过props设置scss变量动态设置颜色

vue通过props设置scss变量动态设置颜色
要将 this.color1 应用到 :deep(.echarts1Num) 中的 text-shadow 属性,你需要在 Vue 组件的 <style> 标签中使用 CSS 变量,并在组件的 mounted 钩子中动态设置这个变量的值。这样,你就可以将 this.c...

yekong 3周前 (04-25) 72℃ 0喜欢

vue

vue数据请求接口数据量太大如何判断数据是否加载完成

vue数据请求接口数据量太大如何判断数据是否加载完成
vue数据可视化大屏项目开发中,客户接口返回的数据量太大,一次请求大概几十兆的样子,所以需要判断数据是否加载完成了。 这里我们可以通过axios的finally来判断数据是否加载完成了。 我们在请求数据前设置一个状态标识,用来确认是否显示加载中的图标。 this.isLoadin...

yekong 3周前 (04-24) 77℃ 0喜欢

vue组件

vue 进度条效果实例格子进度条

vue 进度条效果实例格子进度条
左侧为进度条和标题 右侧为相关数字以及文字说明。 进度条设置两层,底层为进度条底图,上层为进度条占比,通过数据计算div宽度来实现进度条占比,使用gsap补间动画 来实现进度条的动画,通过index来控制当前进度条的颜色。 动态效果 使用组件 <template>...

yekong 3周前 (04-24) 790℃ 0喜欢

geoJson

echarts杭州市临平区geoJson地图水滴状气泡图代码演示

echarts杭州市临平区geoJson地图水滴状气泡图代码演示
可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是杭州市临平区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。 echarts杭州市...

yekong 3周前 (04-23) 79℃ 0喜欢

vue

vue3实现横向滚动时间轴效果

vue3实现横向滚动时间轴效果
数据可视化大屏项目开发中,我们需要实现时间轴的效果,时间轴要可以横向滚动,滚动到最后重新开始进行滚动,点击左右箭头可以触发对应的滚动,鼠标可以拖动时间轴左右滑动。 演示地址 vue3实现横向滚动时间轴效果 滚动插件 "@better-scroll/core": "^2.5.1"...

yekong 3周前 (04-23) 107℃ 0喜欢