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/pagination.css(v=${version})}"/>
    <link rel="stylesheet" th:href="@{/css/encyclopedia/index.css(v=${version})}"/>
</head>
<body>
<!-- 引用公共头部 -->
<template th:replace="encyclopedia/components/header"></template>
<!-- 分类楼层 -->
<div class="floor container more-floor" id="moreFloor" th:object="${moreData}">
    <div class="floor-title" th:id="${moreData}">
        <h2 v-text="*{typeName}"></h2>
        <img src="/img/encyclopedia/01.png" alt="中胚层产品"/>
    </div>
    <article class="article">
        <section class="section" th:each="item: *{results}">
            <!-- commodityType : 1 产品  2 仪器 -->
            <a th:href="${item.commodityType == 1 ? 'product-' + item.productId + '.html' : 'product-' + item.instrument + '.html'}">
                <div class="cover">
                    <img th:src="${item.image}" th:alt="${item.name}"/>
                </div>
                <div class="content">
                    <h3 th:text="${item.name}"></h3>
                    <div class="title" th:text="${item.discription}"></div>
                    <div class="question">
                        <p th:each="question : ${item.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="${item.publishTime}"></span></time>
                        <span>浏览量：<span th:text="${item.pv}"></span></span>
                    </footer>
                </div>
            </a>
        </section>
    </article>
</div>

<th:block th:object="${moreData}">
    <div class="pagination-container" th:if="*{totalPage gt 1}">
        <ul class="pagination">
            <li th:if="*{pageNum gt 1}"><a th:href="'more-7-' + *{pageNum - 1} + '-12.html'">«</a></li>
            <li th:if="*{pageNum gt 3}">
                <a th:href="'more-7-1-12.html'">1</a>
            </li>
            <li class="ellipsis" th:if="*{pageNum gt 4}"><span>···</span></li>
            <li th:if="*{pageNum gt 2}">
                <a th:href="'more-7-' + *{pageNum - 2} + '-12.html'" th:text="*{pageNum - 2}"></a>
            </li>
            <li th:if="*{pageNum gt 1}">
                <a th:href="'more-7-' + *{pageNum - 1} + '-12.html'" th:text="*{pageNum - 1}"></a>
            </li>
            <li class="active"><a href="#" th:text="*{pageNum}"></a></li>
            <li th:if="*{pageNum lt totalPage - 1}">
                <a th:href="'more-7-' + *{pageNum + 1} + '-12.html'" th:text="*{pageNum + 1}"></a>
            </li>
            <li th:if="*{pageNum lt totalPage - 2}">
                <a th:href="'more-7-' + *{pageNum + 2} + '-12.html'" th:text="*{pageNum + 2}"></a>
            </li>
            <li class="ellipsis" th:if="*{pageNum lt totalPage - 3}"><span>···</span></li>
            <li th:if="*{pageNum lt totalPage}">
                <a th:href="'more-7-' + *{totalPage} + '-12.html'" th:text="*{totalPage}"></a>
            </li>
            <li th:if="*{pageNum lt totalPage}"><a th:href="'more-7-' + *{pageNum + 1} + '-12.html'">»</a></li>
        </ul>
        <div class="tool">
            <div class="total">共<span th:text="*{totalPage}"></span>页</div>
            <div class="jump">
                <div class="pagenum-input">跳至<input type="text" value="1"/>页</div>
                <a href="#" class="jump-btn">点击跳转</a>
            </div>
        </div>
    </div>
</th:block>
<!-- 引用公共底部 -->
<template th:replace="encyclopedia/components/footer"></template>
</body>
</html>