这里样式设置主要用到了 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"