Project2024
/
cms-system


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
							<!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">
    <title>test1</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/bs-theme-overrides.css">
    <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Hero-Carousel-images.css">
    <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Navbar-Right-Links-icons.css">
    <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/smjy-header.css">
    <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/sticky-dark-top-nav-with-dropdown.css">
    <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/styles.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;
        }
    </style>
</head>

<body>
    {dreamer-cms:include file='header.html'/}
    <main>
        <section>
            <div class="container">
                <div><img style="width: 100%;object-fit: cover;" src="{dreamer-cms:article field='litpic' /}"></div>
            </div>
        </section>
        {dreamer-cms:include file='back.html'/}
        <section>
            <div class="container 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="col" style="height: 100%;">
                                <button class="btn share-weibo-btn" data-bs-toggle="tooltip" data-bss-tooltip=""
                                    type="button"
                                    style="background: #ffffff;width: 100%;height: 100%;border-style: solid;border-color: var(--bs-secondary-border-subtle);"
                                    title="分享到微博">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
                                        viewBox="0 0 16 16" class="bi bi-sina-weibo">
                                        <path
                                            d="M10.878 1.093a4.23 4.23 0 0 1 4.031 1.305 4.225 4.225 0 0 1 .886 4.14v.001a.612.612 0 0 1-1.166-.377 3.01 3.01 0 0 0-3.495-3.873.611.611 0 1 1-.256-1.196ZM3.753 9.465c.548-1.11 1.972-1.74 3.233-1.411 1.304.338 1.971 1.568 1.437 2.764-.541 1.221-2.095 1.875-3.416 1.449-1.271-.411-1.812-1.67-1.254-2.802Zm2.658.567c.16.066.365-.009.458-.168.088-.16.03-.34-.129-.397-.156-.062-.353.013-.446.168-.09.154-.041.333.117.397Zm-1.607 1.314c.413.188.963.009 1.219-.4.252-.413.12-.883-.296-1.062-.41-.172-.94.005-1.194.402-.256.4-.135.874.271 1.06">
                                        </path>
                                        <path
                                            d="m12.014 7.238.005.001c.919.285 1.941.974 1.939 2.188 0 2.007-2.895 4.535-7.246 4.535C3.393 13.962 0 12.352 0 9.708c0-1.385.876-2.985 2.384-4.493C4.4 3.199 6.751 2.28 7.634 3.165c.39.392.427 1.065.177 1.87-.132.405.38.182.38.182 1.63-.682 3.051-.722 3.57.02.278.397.252.951-.004 1.594-.116.293.035.34.257.407Zm-10.4 3.101c.172 1.738 2.46 2.936 5.109 2.674 2.647-.26 4.656-1.883 4.482-3.623-.17-1.738-2.458-2.937-5.107-2.674-2.647.263-4.656 1.883-4.484 3.623Zm11.681-6.484a2.056 2.056 0 0 0-1.962-.634.526.526 0 1 0 .219 1.031 1.008 1.008 0 0 1 1.17 1.296.528.528 0 0 0 1.005.325 2.062 2.062 0 0 0-.432-2.018Z">
                                        </path>
                                    </svg>
                                </button>
                            </div>
                            <div class="col">
                                <button class="btn share-wechat-btn" data-bs-toggle="tooltip" data-bss-tooltip=""
                                    type="button"
                                    style="background: #ffffff;width: 100%;height: 100%;border-style: solid;border-color: var(--bs-secondary-border-subtle);"
                                    title="分享到微信">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
                                        viewBox="0 0 16 16" class="bi bi-wechat">
                                        <path
                                            d="M11.176 14.429c-2.665 0-4.826-1.8-4.826-4.018 0-2.22 2.159-4.02 4.824-4.02S16 8.191 16 10.411c0 1.21-.65 2.301-1.666 3.036a.324.324 0 0 0-.12.366l.218.81a.616.616 0 0 1 .029.117.166.166 0 0 1-.162.162.177.177 0 0 1-.092-.03l-1.057-.61a.519.519 0 0 0-.256-.074.509.509 0 0 0-.142.021 5.668 5.668 0 0 1-1.576.22ZM9.064 9.542a.647.647 0 1 0 .557-1 .645.645 0 0 0-.646.647.615.615 0 0 0 .09.353Zm3.232.001a.646.646 0 1 0 .546-1 .645.645 0 0 0-.644.644.627.627 0 0 0 .098.356">
                                        </path>
                                        <path
                                            d="M0 6.826c0 1.455.781 2.765 2.001 3.656a.385.385 0 0 1 .143.439l-.161.6-.1.373a.499.499 0 0 0-.032.14.192.192 0 0 0 .193.193c.039 0 .077-.01.111-.029l1.268-.733a.622.622 0 0 1 .308-.088c.058 0 .116.009.171.025a6.83 6.83 0 0 0 1.625.26 4.45 4.45 0 0 1-.177-1.251c0-2.936 2.785-5.02 5.824-5.02.05 0 .1 0 .15.002C10.587 3.429 8.392 2 5.796 2 2.596 2 0 4.16 0 6.826m4.632-1.555a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0m3.875 0a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0">
                                        </path>
                                    </svg>
                                </button>
                            </div>
                            <div class="col">
                                <button class="btn share-qq-btn" data-bs-toggle="tooltip" data-bss-tooltip=""
                                    type="button"
                                    style="background: #ffffff;width: 100%;height: 100%;border-style: solid;border-color: var(--bs-secondary-border-subtle);"
                                    title="分享到QQ">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
                                        viewBox="0 0 16 16" class="bi bi-tencent-qq">
                                        <path
                                            d="M6.048 3.323c.022.277-.13.523-.338.55-.21.026-.397-.176-.419-.453-.022-.277.13-.523.338-.55.21-.026.397.176.42.453Zm2.265-.24c-.603-.146-.894.256-.936.333-.027.048-.008.117.037.15.045.035.092.025.119-.003.361-.39.751-.172.829-.129l.011.007c.053.024.147.028.193-.098.023-.063.017-.11-.006-.142-.016-.023-.089-.08-.247-.118Z">
                                        </path>
                                        <path
                                            d="M11.727 6.719c0-.022.01-.375.01-.557 0-3.07-1.45-6.156-5.015-6.156-3.564 0-5.014 3.086-5.014 6.156 0 .182.01.535.01.557l-.72 1.795a25.85 25.85 0 0 0-.534 1.508c-.68 2.187-.46 3.093-.292 3.113.36.044 1.401-1.647 1.401-1.647 0 .979.504 2.256 1.594 3.179-.408.126-.907.319-1.228.556-.29.213-.253.43-.201.518.228.386 3.92.246 4.985.126 1.065.12 4.756.26 4.984-.126.052-.088.088-.305-.2-.518-.322-.237-.822-.43-1.23-.557 1.09-.922 1.594-2.2 1.594-3.178 0 0 1.041 1.69 1.401 1.647.168-.02.388-.926-.292-3.113a25.78 25.78 0 0 0-.534-1.508l-.72-1.795ZM9.773 5.53a.095.095 0 0 1-.009.096c-.109.159-1.554.943-3.033.943h-.017c-1.48 0-2.925-.784-3.034-.943a.098.098 0 0 1-.018-.055c0-.015.004-.028.01-.04.13-.287 1.43-.606 3.042-.606h.017c1.611 0 2.912.319 3.042.605Zm-4.32-.989c-.483.022-.896-.529-.922-1.229-.026-.7.344-1.286.828-1.308.483-.022.896.529.922 1.23.027.7-.344 1.286-.827 1.307Zm2.538 0c-.484-.022-.854-.607-.828-1.308.027-.7.44-1.25.923-1.23.483.023.853.608.827 1.309-.026.7-.439 1.251-.922 1.23ZM2.928 8.99c.213.042.426.081.639.117v2.336s1.104.222 2.21.068V9.363c.326.018.64.026.937.023h.017c1.117.013 2.474-.136 3.786-.396.097.622.151 1.386.097 2.284-.146 2.45-1.6 3.99-3.846 4.012h-.091c-2.245-.023-3.7-1.562-3.846-4.011-.054-.9 0-1.663.097-2.285Z">
                                        </path>
                                    </svg>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mt-lg-5 mt-2">
                    <div class="col text-start">
                        <a class="link-default" href="#">
                            <span style="color: rgb(33, 37, 41);">
                                &lt; 上一篇
                            </span>
                            <br><br>
                        </a>
                    </div>
                    <div class="col text-end">
                        <a class="link-default" href="#"><span style="color: rgb(33, 37, 41);">
                                下一篇
                                &gt;</span>
                            <br><br>
                        </a>
                    </div>
                </div>
            </div>
        </section>
    </main>
    {dreamer-cms:include file='footer.html'/}
    <script src="{dreamer-cms:template /}assets/js/jquery.min.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>    
        // var a = $("#conetent > p")
        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"
        });
    </script>
</body>

</html>