# layui-admin-template

**Repository Path**: kllxs_admin/layui-admin-template

## Basic Information

- **Project Name**: layui-admin-template
- **Description**: layui自建后台模板
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-06-17
- **Last Updated**: 2024-03-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 后台模板, layui

## README

# layui后台简易iframe模板

> 体验：http://kllxs_admin.gitee.io/layui-admin-template

后台渲染配置
```js
layui.use(["admin"], () => {
    let admin = layui.admin

    // 渲染
    admin.render({
       menu_api: "", // 菜单接口 必填
        theme_api: "", // 主题接口 必填
        theme_head: 0,// 头部主题 选填
        theme_menu: 1,// 左侧主题 选填
        theme_logo: 1,// logo主题 选填
        footer: true // 页脚 选填
    })
})
```

菜单接口格式
```json
{
    "code": 0, // 0 表示正常 其他则异常
    "data": [
        {
            "title": "工作空间", // 名称
            "icon": "layui-icon layui-icon-console", // 图标class
            "href": "", //页面链接 为空则不跳转
            "children": [ //子菜单
                {
                    "title": "关于我们",
                    "icon": "", // 图标为空则不显示
                    "href": "./about.html"
                },
                {
                    "title": "测试页面",
                    "icon": "layui-icon layui-icon-auz",
                    "href": "./test.html"
                },
                {
                    "title": "其他页面",
                    "icon": "",
                    "href": "./other.html"
                }
            ]
        },
        {
            "title": "demo页",
            "icon": "layui-icon layui-icon-home",
            "href": "./demo.html"
        }
    ],
    "msg": "ok"
}
```

主题接口格式
```json
{
    "code": 0, // 0 表示正常 其他则异常
    "data": {
        "theme_head": [ //头部
            {
                "title": "layui-bg-gray", // class名 必须是layui自带的
                "color": "#fafafa", // 背景色
                "text": "#000000cc" // 字体色
            },
            ... //省略
        ],
        "theme_menu": [ // 菜单
            {
                "title": "layui-bg-gray", // class名 必须是layui自带的
                "color": "#fafafa" // 背景色
            },
            {
                "title": "layui-bg-cyan",
                "color": "#2f4056"
            },
            ...
        ],
        "theme_logo": [ // logo
            {
                "color": "#fafafa", // 背景色
                "text": "#16baaa" // logo字体色
            },
            {
                "color": "#3A3D49",
                "text": "#16baaa"
            },
            {
                "color": "#2f4056",
                "text": "#16baaa"
            },
            ...
        ]
    },
    "msg": "ok"
}
```