<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>知识库查询</title>
    <link href="/home/lib/css/layui.css" th:href="@{/home/lib/css/layui.css}" rel="stylesheet"/>
    <style>
        /* 页面整体布局 */
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
        }


        #ltlogo {
            position: absolute;
            top: 43%; /* 将图像元素垂直居中 */
            left: 30%; /* 将图像元素水平居中 */
            height: 80px;
            transform: translate(-50%, -50%);
        }

        #search_form {
            position: absolute;
            top: 50px;
            right: 50px;
            display: flex;
        }

        .layui-nav {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            background-image: url(/home/base/bg-footer.png);
        }

        .layui-nav-item {
            position: relative;
            margin: 0 10px;
            padding: 0 5px;
        }

        #dhl {
            padding-bottom: 0;
            opacity: 0.6;
            font-style: inherit;
        }
        /* 设置内容区域自动填充剩余高度 */
        #content {
            flex-grow: 1;
            padding-bottom: 70px;
        }

        /* 页脚样式 */
        #footer {
            background-color: #f2f2f2;
            padding: 80px;
        }

        .mail-body {
            border-top: 1px solid #e7eaec;
            padding: 132px;
        }

        .main {
            border: none !important;
            border-radius: 0 !important;
            min-height: auto !important;
            padding: 1% 2.224% !important;
            background: #ffffff;
            margin: auto;
            margin-bottom: 20px;
            max-width: 1200px;
        }

        .info {
            text-align: center;
            font-size: 14px;
            color: #666;
            border-bottom: 1px solid #d6d6d6;
            padding-bottom: 15px;
            margin-bottom: 15px;
            position: relative;
            font-family: 宋体;
        }
        .detailContent {
            font-size: 18px;
            line-height: 30px;
            font-family: 宋体;
            min-height: 516px;
            overflow: hidden;
            text-align: justify;
        }
        h1 {
            line-height: 41px;
            font-size: 26px;
            text-align: center;
            padding-bottom: 1%;
            letter-spacing: 1px;
            font-weight: lighter;
        }

    </style>
</head>
<body class="layui-bg-gray" style="">
<div id="content">
    <!--头部-->
  <!--  <th:block th:include="home_head :: home_head"/>-->
    <div class="container">
        <div class="main">
            <a target="_parent">知识库</a>&nbsp;&gt;&nbsp;
            <span>知识库详情</span></a>
            <button style="margin-left:1150px;" class="layui-btn" onclick="back()">返回</button>
        </div>
    </div>
<div class="main-content">
    <div class="main" >
        <h1>[[${content.kname}]]</h1>
        <div class="info clearbox">
            <p>日期：[[${#dates.format(content.createtime, 'yyyy-MM-dd HH:mm:ss')}]]</p>
        </div>
        <div class="detailContent" id="detailContent"  th:utext="${content.kcontent}"></div>
    </div>

</div>
</div>
<!--底部-->
<!--<th:block th:include="home_footer :: home_footer"/>-->
<script  th:src="@{/home/lib/layui.js}"></script>
<script type="text/javascript">
  function back(){
      window.location.href = "/home";
  }
</script>
</body>
</html>
