caimei365
/
caimei365-www


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
							<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="https://www.thymeleaf.org ">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>采美百科-产品百科</title>
    <link rel="stylesheet" th:href="@{/css/encyclopedia/normalize.css(v=${version})}"/>
    <link rel="stylesheet" th:href="@{/css/encyclopedia/base.css(v=${version})}"/>
    <link rel="stylesheet" th:href="@{/css/encyclopedia/common.css(v=${version})}"/>
    <link rel="stylesheet" th:href="@{/css/encyclopedia/index.css(v=${version})}"/>
</head>
<body>
<!-- 引用公共头部 -->
<template th:replace="encyclopedia/components/header"></template>
<!-- banner -->
<div class="banner">
    <img th:src="${banner.image}" th:alt="${banner.link}"/>
</div>
<!-- 产品 / 仪器分类 -->
<div class="category container" id="category">
    <div class="name"><b>产品分类</b><em></em></div>
    <div class="category-list" id="category-list"></div>
    <div
            class="collapse on"
            id="hello"
            data-collapse-toggle="category"
            data-collapse-parent-target="#category"
            data-collapse-children-target="#category-list"
    >
        <span>展开</span>
        <i class="icon arrowdown"></i>
    </div>
</div>
<!-- 分类楼层 -->
<div class="floor-list">
    <div class="floor" th:each="floor : ${typeData}" th:id="${floor}">
        <div class="floor-title">
            <h2 th:text="${floor.name}"></h2>
            <div class="h5-more-btn">
                <a th:href="'more-' + ${floor.typeId} + '-1-12.html'">
                    <span>更多</span>
                    <i class="icon arrowright"></i>
                </a>
            </div>
            <img src="/img/encyclopedia/01.png" th:alt="${floor.name}"/>
        </div>
        <article class="article container">
            <section class="section" th:each="item,stat : ${floor.productList}" th:object="${item}">
                <a th:href="'instrument-' + *{productId} + '.html'">
                    <div class="cover">
                        <img th:src="*{image}" th:alt="*{name}"/>
                    </div>
                    <div class="content">
                        <h3 th:text="*{name}"></h3>
                        <div class="title" th:text="*{discription}"></div>
                        <div class="question">
                            <p th:each="question : *{questionList}" th:text="${question}"></p>
                        </div>
                        <div class="tag-list">
                            <span class="tag">常见问题</span>
                            <span class="tag">效果展示</span>
                            <span class="tag">技术原理</span>
                            <span class="tag">术前术后</span>
                        </div>
                        <div class="dashed-line"></div>
                        <footer class="footer">
                            <time>日期：<span th:text="*{publishTime}"></span></time>
                            <span>浏览量：<span th:text="*{pv}"></span></span>
                        </footer>
                    </div>
                </a>
            </section>
        </article>
        <!-- 更多 -->
        <div class="more">
            <a th:href="'more-' + ${floor.typeId} + '-1-12.html'">
                <div class="more-btn">
                    <span class="">查看更多</span>
                    <i class="icon arrowdown"></i>
                </div>
            </a>
        </div>
    </div>
</div>
<!-- 侧边楼层导航 -->
<aside class="navigate"></aside>
<!-- 引用公共底部 -->
<template th:replace="encyclopedia/components/footer"></template>
<script th:src="@{/js/encyclopedia/index.js(v=${version})}"></script>
</body>
</html>