<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="description" content="{dreamer-cms:article field='tag' /}">
<title>{dreamer-cms:global name="title" /}</title>
<link rel="stylesheet" href="{dreamer-cms:template /}assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto.css">
<link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto%20Slab.css">
<link rel="stylesheet" href="{dreamer-cms:template /}assets/css/styles.css">
<link rel="stylesheet" href="{dreamer-cms:template /}assets/share/css/share.min.css">
<link rel="stylesheet" type="text/css" href="{dreamer-cms:template /}assets/css/animate.min.css">
<style>
@media(max-width:750px) {
.new-content-body {
background-size: contain;
width: 90%;
height: auto;
margin: 0 auto;
display: block;
}
.new-content-body span {
text-wrap: wrap;
}
}
#content {
width: 90%;
height: 100%;
padding: 0;
margin: 10px auto;
}
.dreamer-prevnext li {
list-style: none;
}
.dreamer-prevnext a {
text-decoration: none;
color: inherit;
}
</style>
</head>
<body>
{dreamer-cms:include file='loading.html'/}
{dreamer-cms:include file='header.html'/}
<main>
<section>
<div class="p-2">
<div><img style="width: 100%;object-fit: cover;" data-src="{dreamer-cms:article field='litpic' /}"
src="{dreamer-cms:template /}assets/img/none.png"></div>
</div>
</section>
{dreamer-cms:include file='back.html'/}
<section>
<div class="p-2 py-4 py-xl-5">
<div class="row mb-lg-5 mb-2">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2>{dreamer-cms:article field="title" /}</h2>
<p class="w-lg-50 d-flex flex-column flex-sm-row justify-content-around">
<span style="color: rgb(137, 137, 137);">
{dreamer-cms:article field="updatetime" /}
</span>
<span style="color: rgb(137, 137, 137);">
作者：{dreamer-cms:article field="realname" /}
</span>
</p>
</div>
</div>
<div class="row gy-4 row-cols-1 row-cols-lg-1 row-cols-xl-1 justify-content-center">
<div class="col-xxl-8 col-sm-12 col-lg-8 col-xl-8 " id="content">
{dreamer-cms:article field="content" /}
</div>
</div>
<div class="row justify-content-center mt-lg-5 mt-2">
<div class="col-xxl-8 text-start col-12 col-lg-8 col-xl-8">
<div class="row gx-0" style="height: 70px;">
<div class="social-share" data-title="{dreamer-cms:article field='title' /}"
data-sites="qq, weibo, wechat" data-description="分享" style="text-align: center;">
</div>
</div>
</div>
</div>
<div class="row mt-lg-5 mt-2">
{dreamer-cms:prevnext layout="prev,next" /}
</div>
</div>
</section>
</main>
{dreamer-cms:include file='footer.html'/}
<script src="{dreamer-cms:template /}assets/js/jquery.min.js"></script>
<script type="text/javascript" src="{dreamer-cms:template /}assets/js/wow.min.js"></script>
<script src="{dreamer-cms:template /}assets/js/main.js"></script>
<script src="{dreamer-cms:template /}assets/bootstrap/js/bootstrap.min.js"></script>
<script src="{dreamer-cms:template /}assets/js/bs-init.js"></script>
<script src="{dreamer-cms:template /}assets/share/js/social-share.min.js"></script>
<script>
$(function () {
var pArr = document.querySelectorAll("#content p")
pArr.forEach(element => {
element.style.width = "100%"
});
var imgArr = document.querySelectorAll("#content img")
imgArr.forEach(i => {
i.style.width = "100%"
i.style.height = "auto"
let src = i.getAttribute("src")
i.setAttribute("data-src", src)
i.setAttribute("src", "{dreamer-cms:template /}assets/img/none.png")
});
})
</script>
<script src="{dreamer-cms:template /}assets/js/image.js"></script>
</body>
</html>