自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 echarts使用踩坑记录

有一个坑是设置柱状图之间的距离的时候用barCategoryGap进行配置,但是一直不生效,后面发现是整体的高度限制了,给整体的高度设置高了就可以了。需要将yAxisIndex对应,需要注意的是 外层的要放在series的第一个 因为第二个的图层会覆盖在第一个图层上。首先是设置外层的柱状图和里层柱状图的设置,需要一个xaxis对应两个yaxis的配置 series也需要配置两个。接着是设置两个y轴的标签位于柱状图的上方,将对yaxis进行配置即可,主要是对padding的属性进行调整。

2024-07-26 16:14:13 76

原创 react使用useState更新复杂数据踩坑记录

原因是,react的state更新只有在原数组的地址发生改变之后才会触发更新,否则不会更新,此时也可以使用const newList=preMenuList进行对原数组的复制引用也可以进行改变,只要该地址改变。// 返回[...preMenuList]而不是preMenuList,要返回一个全新的对象,改变原数组的应用地址,否则不会触发更新。在使用const [menuList,setMenuList]=useState<any[]>([])进行数据的接收,对象数据类型包括有。再对于dom元素进行渲染。

2024-07-15 17:23:24 246

原创 vue-codemirror安装!!推荐vue-codemirror@4.0.6

最近项目用到vue-codemirror,百度找了好几个教程,直接用npm i vue-codemirror -save的话下载的vue-codemirror是没有codemirror.vue文件的,所以在教程中使用import codemirror from 'vue-codemirror'再注册使用会报错:template or render function not defined。原因是找不到那个vue的模板文件。2.然后import引入注册,直接在要使用codemirror的组件引入。

2023-04-12 10:47:47 2547 3

原创 pig-ui踩坑日记

解决:把路由守卫和动态路由注释掉,在浏览器窗口进行验证排除,最后发现是新增的页面name:'首页'可能出现了冲突。改一下就好了,把原来登录的跳转链接改成/home即可。需求:想要新增一个页面,就是登录之后想要有一个新的首页页面把数据进行分类,点击之后才跳转到原来的页面进行展示。问题:路由配置好之后老是跳过去显示空白页,路径可以显示就是不显示页面,只有空白页,控制台还没有报错。

2023-03-07 17:27:11 424

原创 仿网易云播放页面设计

this.$refs.lyricUL.scrollTop = num-150//其中150根据自己的情况和效果进行设计。在.progressbar的盒子设置:style="'width:'+sliderTime+'%'"即可。然后对于进度条的改变,在外层进度条设置一个div包裹住,然后内置一个div进行偏移量的填充即可。在填充时动态设置.progressbar的宽度即可,同样是在事件改变时监听实现。然后对于歌词变化行进行监听,若变化行大于五的时候进行偏移量的设计。//初始化页面后立即监听。

2022-11-03 17:48:24 157

原创 仿网易云网站心得

css:设置图片背景进行虚化,其他内容正常显示: css:.container{ .bg{ z-index: -1; filter: blur(40px); posit

2022-10-28 16:27:42 346

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除