这里样式设置主要用到了 windcss

实现效果

模拟数据

这里也可以用模拟的数据，下面用的是后端请求的真实数据

[{"id": 5,"rule_id": 0,"status": 1,"create_time": "2019-08-11 13:36:09","update_time": "2021-12-21 19:31:11","name": "后台面板","desc": "index","frontpath": null,"condition": null,"menu": 1,"order": 1,"icon": "help"