<!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" type="text/css" href="{dreamer-cms:template /}assets/css/animate.min.css">
</head>

<body>
    {dreamer-cms:include file='loading.html'/}
    {dreamer-cms:include file='header.html'/}
    <main>
        <section>
            <div class="container">
                <div class="row pt-2 pt-xl-3">
                    <a class="back-up" href="javascript:window.history.go(-1);" 
                    style="text-decoration: none;color: rgb(137, 137, 137);">
                    返回列表</a>
                </div>
            </div>
        </section>
        <section class="py-4 py-md-5 py-xl-8">
            <div class="overflow-hidden pt-2 pt-md-1 pt-xl-6" style="margin: 0 auto;padding: 0;">
                <div id="content">
                    {dreamer-cms:article field="content" /}
                </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>
        $(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)
                console.log(src)
                i.setAttribute("src", "{dreamer-cms:template /}assets/img/none.png")
            });
        })
    </script>
    <script src="{dreamer-cms:template /}assets/js/image.js"></script>
</body>

</html>