Project2024
/
cms-system


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
							<!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">
    <link rel="stylesheet" type="text/css" href="{dreamer-cms:template /}assets/css/animate.min.css">
    <style>
        /* .card{
            --bs-card-color: rgb(137, 137, 137);
        } */
        .card-title{
            --bs-card-title-color: rgb(137, 137, 137);
            font-weight: bold;
        }
        @media (min-width:768px) {
            .new-img{
                width: 60%!important;
                flex-shrink: 0;
                height: 100%;
            }
            .card{
                height: 350px!important;
                --bs-card-bg: rgb(247,247,247)!important;
            }
        }
        @media (max-width:769px) {
            .new-img{
                height: 300px;
                width: 100%!important;
            }
            .content-text{
                display: none!important;
            }
            h4{
                font-size: calc(1rem + .3vw)!important;
            }
        }
    </style>
</head>

<body>
    {dreamer-cms:include file='loading.html'/}
    {dreamer-cms:include file='header.html'/}
    <main>
        <section>
            <div class="">
                <div class="pt-2 pt-md-3 pt-xl-4">
                    {dreamer-cms:type typeid="927c5jck"}
                    <img class="auto-img" 
                    src="{dreamer-cms:template /}assets/img/none.png"
                    data-aos="zoom-in-right" data-aos-duration="800" data-aos-once="true"
                    data-src="[field:typeimg/]" />
                    {/dreamer-cms:type}
                </div>
            </div>
        </section>
        <div class="px-2 py-4 py-xl-5">
            <div class="row gx-0 gy-4 row-cols-1 new-row">
                {dreamer-cms:list typeid="927c5jck" pagenum="0" flag="p"}
                <div class="col">
                    <div class="card flex-column flex-md-row flex-lg-row flex-xl-row" 
                    style="border: none;--bs-card-color:rgb(137,137,137);--bs-border-radius:0">
                        <img class="card-img-top d-block fit-cover new-img" 
                        src="{dreamer-cms:template /}assets/img/none.png"
                        data-aos="zoom-in" data-aos-duration="800" data-aos-once="true"
                        data-src="[field:litpic/]"
                        loading="lazy">
                        <div class="card-body p-2 p-md-4" style="display: flex;flex-direction: column;justify-content: space-between;">
                            <div>
                                <h4 class="card-title">[field:title/]</h4>
                                <p class="card-text" style="margin-bottom: 5px;font-size: 13px;">[field:updatetime function="format('yyyy-MM-dd')"/]</p>
                                <p class="card-text mb-0 link-default content-text" style="overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;word-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;line-height: 20px;">
                                    [field:remark/]
                                </p>
                            </div>
                            <div>
                                <a class="card-link mb-0 link-default" href="[field:arcurl/]" style="font-size: 13px;">阅读更多&gt;</a>
                            </div>
                        </div>
                    </div>
                </div>
                {/dreamer-cms:list}
            </div>
        </div>
    </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/aos.min.js"></script>
    <script src="{dreamer-cms:template /}assets/js/bs-init.js"></script>
    <script src="{dreamer-cms:template /}assets/js/image.js"></script>
</body>

</html>