效果展示设计稿部分内容脱敏处理Step1:思考内容布局圆形菜单内容由配置生成,数量不固定,菜单为树形数据,所以通过循环插入生成节点页面的内容代码如下:Step2:编写样式代码并使用定位进行布局,定位相对点[元素的位置从左上角开始定位]元素为起点]由于菜单是圆形的,而子菜单节点是循环生成的,所以在一个圆内可以均匀划分的角度就是角度,所以思路是根据将子菜单定位到适当距离后的子菜单节点的索引。特例:当只有4个子菜单节点时,需要将第一个菜单节点旋转45度后平分呈现[90度],其余情况不变,菜单节点将完全平分显示旋转角度计算&&节点内容角度计算相关内容更新到公众号:ISAS前端G欢迎关注~如有不妥之处请联系我
