vue实现弧形菜单栏

需求: 实现一个弧形的菜单栏,并将激活的菜单项移动到中间位置,点击按钮可对该菜单栏进行显示隐藏。

1. 实现效果

菜单显示

菜单隐藏

2. 实现原理

按照圆环弧度计算每个菜单项应该分布的位置并进行设置,在点击菜单项时更新菜单的起始角度,重新进行分布。

3. 实现代码


    

    

4. 参考文档

忘了。

你可能感兴趣的:(vue实现弧形菜单栏)