分类:学习笔记

note

vue3 实现类似气泡的效果

vue3 实现类似气泡的效果
vue 数据可视化大屏 项目中,按照效果图,需要实现一组气泡效果,气泡内有数字以及标题。 这里我们需要实现这里出气泡的大小,位置以及气泡的颜色等信息。将气泡渲染出来后,为了让页面看起来更生动,我们使用gsap来给组件添加一个上下轻微晃动的效果。 效果截图 效果动画 组件代码 ...

2年前 (2023-07-14) 喜欢

ps 将效果复制到其他图层

ps 将效果复制到其他图层
在Adobe Photoshop中,你可以将一个图层上的效果复制到其他图层上,以在多个图层上应用相同的效果。以下是一种常用的方法: 在图层面板中,选择包含你想要复制效果的源图层。 在菜单栏中选择"图层(Layer)",然后选择"样式(Lay...

2年前 (2023-07-11) 喜欢

uniapp 微信小程序获取微信版本号并对比

uniapp 微信小程序获取微信版本号并对比
微信小程序开发过程中,因为微信版本过低,某些功能不能使用,需要对微信版本进行判断,当微信版本低于某个版本的时候,需要进行提示,告诉用户让用户升级微信app。 判断代码 getVersion() { var that = this; // 判断版本 that.version ...

2年前 (2023-07-10) 喜欢

css 实现png图片动态切换效果

css 实现png图片动态切换效果
效果截图 效果动画 要在CSS中实现PNG图片的动态切换效果,你可以使用CSS动画和背景图像切换的技术。下面是一种常见的实现方法: HTML结构: <div class="image-container"></div> CSS样式...

2年前 (2023-07-10) 喜欢

echarts y轴最小间隔为1

echarts y轴最小间隔为1
echarts 数据大屏开发中,需要渲染折线图,但是折线图渲染的数据是以条为单位的数据,不可能出现小数的情况,所以我们需要配置一下,让其最小间隔为1 设置前 设置后 要将 ECharts 中 Y 轴的最小间隔设置为 1,您可以使用 yAxis 配置项的 interval 属性...

2年前 (2023-07-07) 喜欢

echarts 柱状图顶部添加白色14号字体label

echarts 柱状图顶部添加白色14号字体label
echarts 柱状图顶部需要添加label用来显示数字,我们需要修改一下代码。 无label效果 有label效果 在ECharts中,你可以通过设置label属性的color和fontSize来改变顶部标签的颜色和字体大小。以下是一个相关的示例: option = { ...

2年前 (2023-07-06) 喜欢

echarts legend 图标设置为圆点

echarts legend 图标设置为圆点
echarts 项目开发中,设计图是圆点,但是echarts默认是方形的,所以我们需要调整调整一下。 修改前 修改后 在 ECharts 中,你可以通过 "legend.icon" 的配置项来设置图例的图标形状。要将图例设置为圆点,你可以将 "l...

2年前 (2023-07-06) 喜欢