<!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>
    <title th:text="'采美365网-'+${equipment.title}"></title>
    <meta http-equiv="keywords" th:content="${equipment.keywords}">
    <meta http-equiv="description" th:content="${equipment.description}">
    <template th:replace="components/head-link"></template>
    <link th:href="@{/css/equipment/detail.css(v=${version})}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/single-page/topic.css(v=${version})}" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 引用头部 -->
<template th:replace="components/header"></template>

<!-- 项目仪器详情 -->
<div id="equipmentDetail">
    <div class="wrap">
        <div class="equipmentBox clear">
            <div class="imageBox"><img th:src="${equipment.image}"></div>
            <div class="infoBox">
                <p class="row" th:each="item: ${equipment.pageContents}" th:if="${item.type}==1">
                    <span class="l" th:text="${item.name}"></span><i>：</i><em th:text="${item.content}"></em>
                </p>
                <hr>
                <p class="tit" th:each="item,status : ${equipment.pageContents}" th:if="${item.type}==2 and ${status.index}==4">
                    <span th:text="${item.name}"></span>
                </p>
                <p class="row" th:each="item,status : ${equipment.pageContents}" th:if="${item.type}==2 and ${status.index}>4">
                    <span class="l" th:text="${item.name}"></span><i>：</i><em th:text="${item.content}"></em>
                </p>
                <a href="javascript:void(0);" class="share">分享<i class="icon"></i></a>
                <a href="javascript:void(0);" class="buy">点击购买</a>
            </div>
        </div>
    </div>
    <div class="wrap">
        <div class="detailInfo">
            <div class="tabTit">
                <!--<span class="on">项目详情</span>-->
                <span th:each="item,status : ${equipment.pageContents}"
                      th:if="${item.type}==3 and (${status.index}==10 or ${status.index}==11 or ${status.index}==12)"
                      th:text="${item.name}"></span>
            </div>
            <div class="tabCon">
                <div th:each="item,status : ${equipment.pageContents}"
                     th:if="${item.type}==3 and (${status.index}==10 or ${status.index}==11 or ${status.index}==12)"
                     th:utext="${item.content}" class="item">
                </div>
            </div>
        </div>
    </div>
    <div class="wrap">
        <div class="pageFloor" v-for="floor in recommends">
            <div class="title" v-text="floor.title"></div>
            <ul class="content clear">
                <li v-for="item in floor.floorData">
                    <a :href="item.link">
                        <img :src="item.image">
                        <span v-text="item.title"></span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="contactBox">
        <div class="tit"><span>咨询 · 购买</span></div>
        <div class="cont">
            <span class="icon mIcon call">0755-22907771转806<br>15338851365</span>
            <span class="icon mIcon phone">产品设备：18948339365<br>商务合作：17318032647</span>
        </div>
    </div>
</div>

<!-- 引入底部 -->
<template th:replace="components/footer"></template>
<template th:replace="components/foot-link"></template>
<script charset="utf-8" type="text/javascript" src="/lib/magnifier.js"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/equipment/detail.js(v=${version})}"></script>
</body>
</html>
