<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <title th:text="${article.title}">详情</title>
    <meta charset="utf-8"></meta>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
    <meta name="ext_logo" content="/profile/media/template/logo.png">
    <meta th:if="${!#strings.isEmpty(article.image)}" name="ext_image" th:content="${article.image}">
    <th:block th:each="item : ${article.meta}">
        <meta th:name="'ext_' + ${item.getKey()}" th:content="${item.getValue()}">
    </th:block>
    <th:block
            th:each="item, itemStat: ${T(java.util.regex.Pattern).compile('<video[^>]+>.*src=\x22([^\x22]+)\x22.*.</video>.*').matcher(article.content).results().toArray()}">
        <meta th:name="'ext_videoLink' + ${itemStat.index+1}" th:content="${item.group(1)}">
    </th:block>
</head>
<body>
<div class="textBox">
    <div class="title"> [(${article.title})]</div>
    <div class="item flex uni-mt-6 uni-font-size-sm" th:if="${#maps.containsKey(article.meta, 'user')}">
        <div class="uni-base-color">联系人：</div>
        <div class="uni-secondary-color blueColor">[(${article.meta.user})]</div>
    </div>
    <div class="item flex uni-mt-4 uni-font-size-sm" th:if="${#maps.containsKey(article.meta, 'phone')}">
        <div class="uni-base-color">联系电话：</div>
        <div class="uni-secondary-color blueColor">[(${article.meta.phone})]</div>
    </div>
    <div class="item flex uni-mt-4 uni-font-size-sm" th:if="${#maps.containsKey(article.meta, 'address')}">
        <div class="uni-base-color">地址：</div>
        <div class="uni-secondary-color blueColor">[(${article.meta.address})]</div>
    </div>
    <div class="item flex uni-mt-4 uni-font-size-sm" th:if="${#maps.containsKey(article.meta, 'status')}">
        <div class="uni-base-color">售出状态：</div>
        <div class="uni-secondary-color blueColor">[(${article.meta.status})]</div>
    </div>
    <div class="item flex uni-mt-4">
        <div class="uni-base-color">发布时间：</div>
        <div class="uni-secondary-color blueColor">[(${publishTime})]</div>
    </div>
    <div th:if="${!#strings.isEmpty(article.content)}" class=" uni-mt-6">
        <div class="uni-base-color">详情：</div>
        <div class="uni-mt-2 uni-color-paragraph" th:utext="${article.content.replaceAll('<p[^>]*>\s*<br>\s*<\/p>\s*<div data-w-e-type=\x22video\x22 data-w-e-is-void.*>\s*<video[^>]+>.*<\/video>\s*<\/div>', '<!--video-->')}"></div>
    </div>
    <div class="photos" th:if="${#maps.containsKey(article.meta, 'media')}">
        <th:block th:each="item : ${#strings.listSplit(article.meta.media,',')}"><img class="uni-mt-2 width100" th:src="${item}"/></th:block>
    </div>
</div>
</body>

</html>
