项目实战
~ climber ~
Anything is possible
展开
-
echarts 小技巧积累
1、极坐标系柱状图调整 图形的位置,可通过设置polar属性的center参数来设置option = { angleAxis: { max: 2, startAngle: 30, splitLine: { show: false } }, radiusAxis: { type: 'category', data: ['v', 'w', 'x', 'y', 'z'], z: 10 }, polar: { ce原创 2022-03-24 17:06:34 · 1286 阅读 · 0 评论 -
使用多个icon 字体图标库样式冲突问题
场景:项目中使用的UI样式库中包含一套icon 字体图标库,自定义一套字体图标库,在应用的时候,出现冲突,导致一方字体图标库无法显示或者显示不正常,原因:字体命名冲突,样式命名冲突,导致字体图标显示不出来。解决方案:修改其中一个文件的命名:由于两个地方的iconfont.css文件中的字体命名都是"iconfont",而且样式命名也是相同的,导致问题的出现。解决办法:既然明确了问题的原因,只要修改其中一个文件的命名就好了,如下图。...原创 2021-08-15 08:30:27 · 1573 阅读 · 0 评论 -
实战中icon 的使用
系统中的小图标,设计提供的格式大多数是png 格式。存在如下缺点:比如一个编辑按钮,它有一般场景,鼠标hover 、禁用得几种状态,如果是png 格式的,同一个图标就得好几个。如果实现主题变更,有得需要好几个。。。缺点一堆,简言之,就是它的可编辑性太差,多个png 还会导致前端包太大。这么多缺点,icon 可以完美解决解决方案:1、设计师提供图标的时候,要求提供svg 格式https://icomoon.io/app/#/select这个地址,可以将svg 格式的小图标转为icon原创 2021-08-14 23:37:49 · 304 阅读 · 0 评论