如何用CSS制作平滑的半圆形tabbar？-灵析社区

 请问怎么把vantUI里的van-tabbar改造成这样凸起来比较平滑的半圆呀 用过伪元素，但是效果不太好 画出来的效果是这样，中间有一条细线，不知道你们能不能看出来，而且跟下面的tabbar的左右连接处不是很丝滑  用这两个div画出来了，有线是因为van-tabbar的z-index太高了。 .centerIcon { position: fixed; width: 62px; height: 31px; background: #fff; border-radius: 31px 31px 0 0; left: calc(50% - 31px); bottom: 48px; z-index: 998; } .centerIcon-bg { position: fixed; width: 46px; height: 46px; background: linear-gradient(to bottom right, #5468fa 0%, #68bafd 100%); border-radius: 23px; left: calc(50% - 23px); bottom: 25px; z-index: 999; display: flex; align-items: center; justify-content: center; }