<div class="hjcl-layout-container" th:fragment="body">

  <!-- 内页 幻灯片区域 -->
  <div th:replace="~{components/sub-banner::sub-banner}"></div>

  <!-- 内容 -->
  <div class="sub-section-main">
    <div class="wrapper">
      <div class="sub-section-container">

        <div class="article-detail">
          <div class="sub-section-container-title">
            <div class="article-detail-title" th:text="${articleDetail.title}"></div>
            <div class="article-detail-subtitle">
                <div th:text="${articleDetail.create_time}"></div>
                <a class="back" href="javascript:history.back();" th:text="#{back}"></a>
            </div>
          </div>
          <div class="sub-section-container-content bg-white" style="padding: 20px; box-sizing: border-box">
            <div class="sub-section-container-description" th:text="${articleDetail.description}"></div>
            <div class="content-detail" >
              <div th:utext="${articleDetail.content}"></div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>

</div>