how to do this circle effect with css?
as shown in the following figure, add a circle like the one on the left to the menu at the bottom of the figure. (the figure on the right is just an illustration. The circle is drawn on antd-mobile official example screenshot)
the li in the middle of the bottom 5 li, is relatively positioned, and the icon layer inside is absolutely positioned out, and then calibrated 
5 icon are in a row, and the origin is directly enlarged under the middle one setting. No, no, no.
border-radius can be achieved
you need to use position to locate half of the outside, five icon in a row, and then locate the position:absolute with the middle icon as the position:relative, circle
.Previous: < el-table > how to merge multiple rows of the same data in Element
Next: Why does require.js keep reporting errors and can't find the referenced js?