layui左侧菜单右侧显示

最新推荐文章于 2024-07-22 01:43:34 发布

小土豆子额

最新推荐文章于 2024-07-22 01:43:34 发布

阅读量7.8k

点赞数

分类专栏： layui 文章标签： layui

本文链接：https://blog.csdn.net/chenyidong521/article/details/102753890

版权

本文介绍了如何在layui框架中设置左侧菜单并实现在右侧显示。首先，需要下载相应的静态文件并理解其目录结构。然后，将菜单的HTML内容添加到页面中，并根据实际的静态文件路径进行调整。由于菜单通常由后台动态生成，但此处也提到可以改为固定内容。

摘要由CSDN通过智能技术生成

首先下载编辑好的首页静态文件

看一下静态文件的分布
在这里插入图片描述

菜单页面加入如下html内容静态文件地址进行改写

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>病例打印后台管理系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" type="text/css" th:href="@{
   /layuiadmin/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{
   /layuiadmin/menu/admin.css}">
    <!--    <link rel="stylesheet" type="text/css" th:href="@{
   /layuiadmin/menu/index.css}">-->
    <script type="application/javascript" th:src="@{/layuiadmin/layui/layui.js}"></script>

</head>
<style type="text/css">

</style>
<body class="layui-layout-body">

<div id="LAY_app">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            &