Skip to content

html 基础模版

栏目

html
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />

    <title th:text="|${column.name}_{{conf.title}}|">{{ conf.title }}</title>
    <link rel="icon" href="/assets/images/favicon.png" />

    <meta name="sid" th:content="${config.appId}" />
    <meta name="catalogsId" th:content="${config.businessId}" />
    <meta name="businessId" th:content="${config.businessId}" />
    <meta name="businessType" th:content="${config.businessType}" />
    <meta name="title" th:content="${column.name}" />

    <link rel="stylesheet" href="/assets/styles/xxx.css" />
  </head>

  <body>
    <hlx-template
      component-type="column"
      component-query-option="{'columnId':''}"
      component-variable="column"
    ></hlx-template>

    <hlx-template
      component-type="comConfig"
      component-query-option=""
      component-variable="config"
    ></hlx-template>

    {% include 'diff/base/h.liquid' %}

    <div class="hlx-body">
      <div class="hlx-imit-width"></div>
    </div>

    {% include 'diff/base/f.liquid' %}
  </body>
</html>

详情

html
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />

    <title th:text="|${article.title}_{{ conf.title }}|">
      {{ conf.title }}
    </title>
    <link rel="icon" href="/assets/images/favicon.png" />

    <meta name="sid" th:content="${config.appId}" />
    <meta name="catalogsId" th:content="${config.mainColumnId}" />
    <meta name="businessId" th:content="${config.businessId}" />
    <meta name="businessType" th:content="${config.businessType}" />
    <meta name="title" th:content="${article.title}" />

    <link rel="stylesheet" href="/assets/styles/xxx.css" />
  </head>

  <body>
    <hlx-template
      component-type="news"
      component-query-option="{'newsId':''}"
      component-variable="article"
    ></hlx-template>
    <hlx-template
      component-type="comConfig"
      component-query-option=""
      component-variable="config"
    ></hlx-template>

    {% include 'diff/base/h.liquid' %}

    <div class="hlx-body">
      <div class="hlx-imit-width">
        {% include 'diff/base/breadcrumbs-detail.liquid' %}

        <div class="page-detail"></div>
      </div>
    </div>

    {% include 'diff/base/f.liquid' %}
  </body>
</html>