<!doctype html>
<html lang="zh-CN">

<head>
    <title>{{qcms:Detail_Title}} —— {{qcms:WebName}}</title>
    <meta charset="utf-8">
    <meta name="keywords" content="{{qcms:Detail_Keywords}}" />
    <meta name="description" content="{{qcms:Detail_Description}}" />

</head>
{{include filename='component_meta.html'}}
<body>
    {{include filename='component_header.html'}}
    <div class="mb-40 CateBannerPic" >
        <div style="background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-image: url({{qcms:Cate_Pic}}); background-size: cover; background-position: center center; width: 100%; height: 100%; opacity: 1; visibility: inherit;"></div>
    </div>

    <div class="container mb-40 p-4 bg-white">
        <h1>{{qcms:Detail_Title}}</h1>
        <div class="pb-2 mb-3 border-bottom text-secondary">来源 <span class="text-black mr-2">{{qcms:Detail_Source}}</span> 作者 <span class="text-black mr-2">{{qcms:Detail_Author}}</span> 日期 <span class="text-black mr-2">{{date format='Y-m-d' time='{{qcms:Detail_TsUpdate}}'}}</span> 浏览数 <span class="text-black mr-2">{{qcms:Detail_ReadNum}}</span></div>
        <div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper mySwiper">
            <div class="swiper-wrapper">
                {{photo}}
                <li class="swiper-slide"><img class="w-100 d-block" src="{{qcms:Photo_Path}}"></li>
                {{/photo}}

            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>

        <div thumbsSlider="" class="swiper mySwiper2">
            <div class="swiper-wrapper">
                {{photo}}
                <div class="swiper-slide">
                  <img src="{{qcms:Photo_Path}}" />
                </div>
                {{/photo}}
            </div>
        </div>

        <div class="pt-3 mt-3 border-top">
        <div class="Content">{{qcms:Detail_Content}}</div>
        </div>
    </div>

    {{include filename='component_footer.html'}}
</body>
{{include filename='component_js.html'}}
</html>