wangyuan
/
websize_cms


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
							{layout name="common/layout" /}
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/websize/css/iot-school.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/websize/css/resetcommon.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/websize/css/homestay.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/websize/css/adaptation.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/websize/css/menu.css">
    <link rel="icon" href="__CDN__/assets/websize/static/title-logo.ico"/>
</head>

<body style="background-color: #ffffff">
<div class="box">
    <div class="body_box_white">
        <div class="carousel">
            <div class="carousel-images">
                {cms:blocklist id="block" name="indexfocus" row="5"}
                <a href="{$block.url}">
                    <img src="{$block.image}">
                </a>
                {/cms:blocklist}
            </div>
            <div class="carousel-controls">
                <button class="prevs" onclick="changeSlide(-1)"><img
                        src="__CDN__/assets/websize/staticscroll-left.svg"/></button>
                <button class="nexts" onclick="changeSlide(1)"><img
                        src="__CDN__/assets/websize/staticscroll-right.svg"/></button>
            </div>
            <div class="carousel-caption hidden-xs">
                <h3>网站制作软件，功能强大支持个性化网站开发</h3>
            </div>
        </div>
    </div>

    <div class="body_box_item" style="padding: 3rem 0;">
        <div class="introduce_box">
            <div class="introduce_box_title">
                <div class="title">
                    <div class="title-l">最近更新</div>
                </div>

                <div class="contents">
                    <div class="content-items">
                        <div class="content-item-l">
                            <a href="iotSchoolDetal.html">
                                <img src="__CDN__/assets/websize/static/carousel/new1.png" class="img-hover img" alt=""
                                     onerror="javascript:this.src='/public/images/nopic.jpg';">
                            </a>
                        </div>
                        <div class="content-item-r">
                            <div class="content-item-r-t">
                                <a href="iotSchoolDetal.html"
                                   class="dan">Wix网站制作教程(Wix网站制作从入门到上线的完整步骤--)</a>
                            </div>
                            <div class="content-item-r-m shuang">
                                在当今数字化的时代，拥有一个专业的网站对于个人品牌建设、企业推广以及在线销售都至关重要。Wix，作为一个强大的自助建站平台，提供了丰富的功能和模板，使得即便是没有深厚技术背景的用户也能轻松创建出美观且功能齐全的网站。本文将详细介绍使用Wix制作网站的完整步骤，帮助你从零开始，打造属于自己的在线空间。一、注册与账户创建首先，你需要访问Wix的官方网站（Wix.com），并点击页面中央的“开始”按钮。
                            </div>
                            <div class="content-item-r-b">
                                2024-10-14 09:30:07
                            </div>
                            <div class="content-item-r-labels">
                                <a href="iotSchoolDetal.html" title="行业动态">
                                    <div class="content-item-r-label dan">行业动态</div>
                                </a>
                                <div class="flx-gap">
                                    <span><i class="fa fa-thumbs-up"></i> <strong>0</strong> 点赞 </span>
                                    <span><i class="fa fa-comments"></i> <strong>0</strong> 评论</span>
                                    <span><i class="fa fa-eye"></i> <strong>10</strong> 浏览</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="content-items">
                        <div class="content-item-l">
                            <a href="iotSchoolDetal.html">
                                <img src="__CDN__/assets/websize/static/carousel/new1.png" class="img-hover img" alt=""
                                     onerror="javascript:this.src='/public/images/nopic.jpg';">
                            </a>
                        </div>
                        <div class="content-item-r">
                            <div class="content-item-r-t">
                                <a href="iotSchoolDetal.html"
                                   class="dan">Wix网站制作教程(Wix网站制作从入门到上线的完整步骤--)</a>
                            </div>
                            <div class="content-item-r-m shuang">
                                在当今数字化的时代，拥有一个专业的网站对于个人品牌建设、企业推广以及在线销售都至关重要。Wix，作为一个强大的自助建站平台，提供了丰富的功能和模板，使得即便是没有深厚技术背景的用户也能轻松创建出美观且功能齐全的网站。本文将详细介绍使用Wix制作网站的完整步骤，帮助你从零开始，打造属于自己的在线空间。一、注册与账户创建首先，你需要访问Wix的官方网站（Wix.com），并点击页面中央的“开始”按钮。

                            </div>
                            <div class="content-item-r-b">
                                2024-10-14 09:30:07
                            </div>
                            <div class="content-item-r-labels">
                                <a href="iotSchoolDetal.html" title="行业动态">
                                    <div class="content-item-r-label dan">行业动态</div>
                                </a>
                                <div class="flx-gap">
                                    <span><i class="fa fa-thumbs-up"></i> <strong>0</strong> 点赞 </span>
                                    <span><i class="fa fa-comments"></i> <strong>0</strong> 评论</span>
                                    <span><i class="fa fa-eye"></i> <strong>10</strong> 浏览</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="content-items">
                        <div class="content-item-l">
                            <a href="iotSchoolDetal.html">
                                <img src="__CDN__/assets/websize/static/carousel/new1.png" class="img-hover img" alt=""
                                     onerror="javascript:this.src='/public/images/nopic.jpg';">
                            </a>
                        </div>
                        <div class="content-item-r">
                            <div class="content-item-r-t">
                                <a href="iotSchoolDetal.html"
                                   class="dan">Wix网站制作教程(Wix网站制作从入门到上线的完整步骤--)</a>
                            </div>
                            <div class="content-item-r-m shuang">
                                在当今数字化的时代，拥有一个专业的网站对于个人品牌建设、企业推广以及在线销售都至关重要。Wix，作为一个强大的自助建站平台，提供了丰富的功能和模板，使得即便是没有深厚技术背景的用户也能轻松创建出美观且功能齐全的网站。本文将详细介绍使用Wix制作网站的完整步骤，帮助你从零开始，打造属于自己的在线空间。一、注册与账户创建首先，你需要访问Wix的官方网站（Wix.com），并点击页面中央的“开始”按钮。

                            </div>
                            <div class="content-item-r-b">
                                2024-10-14 09:30:07
                            </div>
                            <div class="content-item-r-labels">
                                <a href="iotSchoolDetal.html" title="行业动态">
                                    <div class="content-item-r-label dan">行业动态</div>
                                </a>
                                <div class="flx-gap">
                                    <span><i class="fa fa-thumbs-up"></i> <strong>0</strong> 点赞 </span>
                                    <span><i class="fa fa-comments"></i> <strong>0</strong> 评论</span>
                                    <span><i class="fa fa-eye"></i> <strong>10</strong> 浏览</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 分页 -->
                    <div id="page"></div>
                </div>
            </div>
            <div class="school_box_right">
                <div class="slider-title">推荐资讯</div>
                <div class="slider-content">
                    <a href="iotSchoolDetal.html" class="item">
                        <div class="slider-content-banner">
                            <div class="slider-content-item-ln">
                                <img src="__CDN__/assets/websize/static/carousel/new0.jpg" class="img-hover img" alt="">
                                <div class="sort top">1</div>
                            </div>
                            <div class="slider-content-banner-txt">
                                <div class="slider-content-banner-txt-t dan hover-org">
                                    抖音违禁关键词有哪些？违禁违规词大全2024新
                                </div>
                                <div class="slider-content-banner-txt-b">2024-06-28 15:00:06</div>
                            </div>
                        </div>
                    </a>

                    <a href="iotSchoolDetal.html" class="item">
                        <div class="slider-content-item">
                            <div class="slider-content-item-l">
                                <img src="__CDN__/assets/websize/static/carousel/new1.png" class="img img-hover" alt="">
                                <div class="sort top">2</div>
                            </div>
                            <div class="slider-content-item-r">
                                <div class="slider-content-item-r-t shuang hover-org">
                                    低成本抖音矩阵号怎么做？高效运作批量账号的秘诀揭秘
                                </div>
                                <div class="slider-content-item-r-b">2023-12-04 14:00:55</div>
                            </div>
                        </div>
                    </a>

                    <a href="iotSchoolDetal.html" class="item">
                        <div class="slider-content-item">
                            <div class="slider-content-item-l">
                                <img src="__CDN__/assets/websize/static/carousel/new1.png" class="img img-hover" alt="">
                                <div class="sort top">3</div>
                            </div>
                            <div class="slider-content-item-r">
                                <div class="slider-content-item-r-t shuang hover-org">
                                    低成本抖音矩阵号怎么做？高效运作批量账号的秘诀揭秘
                                </div>
                                <div class="slider-content-item-r-b">2023-12-04 14:00:55</div>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="slider-title">热门标签</div>
                <div class="hot-search">
                    <a href="iotSchoolList.html" title="APP开发制作">
                        <div class="label dan">APP开发制作</div>
                    </a>
                    <a href="iotSchoolList.html" title="软件开发公司">
                        <div class="label dan">软件开发公司</div>
                    </a>
                    <a href="iotSchoolList.html" title="小程序开发定制">
                        <div class="label dan">小程序开发定制</div>
                    </a>
                    <a href="iotSchoolList.html" title="APP开发公司">
                        <div class="label dan">APP开发公司</div>
                    </a>
                    <a href="iotSchoolList.html" title="鸿蒙开发">
                        <div class="label dan">鸿蒙开发</div>
                    </a>
                    <a href="iotSchoolList.html" title="微信小程序开发">
                        <div class="label dan">微信小程序开发</div>
                    </a>
                    <a href="iotSchoolList.html" title="管理系统开发">
                        <div class="label dan">管理系统开发</div>
                    </a>
                    <a href="iotSchoolList.html" title="wix网站制作">
                        <div class="label dan">wix网站制作</div>
                    </a>
                    <a href="iotSchoolList.html" title="AR">
                        <div class="label dan">AR</div>
                    </a>
                    <a href="iotSchoolList.html" title="CRM">
                        <div class="label dan">CRM</div>
                    </a>
                </div>

                <div class="slider-title">最新更新</div>
                <div class="slider-content">

                    <a href="iotSchoolDetal.html" class="item">
                        <div class="slider-content-items">
                            <div class="slider-content-item-r">
                                <div class="slider-content-item-ts hover-org dan">
                                    低成本抖音矩阵号怎么做？高效运作批量账号的秘诀揭秘
                                </div>
                                <div class="slider-content-item-bs">2023-12-04 14:00:55</div>
                            </div>
                        </div>
                    </a>

                    <a href="iotSchoolDetal.html" class="item">
                        <div class="slider-content-items">
                            <div class="slider-content-item-r">
                                <div class="slider-content-item-ts hover-org dan">
                                    低成本抖音矩阵号怎么做？高效运作批量账号的秘诀揭秘
                                </div>
                                <div class="slider-content-item-bs">2023-12-04 14:00:55</div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

</div>
</body>
</html>

<script src="__CDN__/assets/websize/js/jquery.min.js"></script>
<script src="__CDN__/assets/websize/js/jquery.page.js"></script>
<script>
    let currentIndex = 0;

    function showSlide(index) {
        const slides = document.querySelectorAll('.carousel-images img');
        if (index >= slides.length) {
            currentIndex = 0;
        } else if (index < 0) {
            currentIndex = slides.length - 1;
        } else {
            currentIndex = index;
        }
        const offset = -currentIndex * 100; // 每张图占100%的宽度
        document.querySelector('.carousel-images').style.transform = `translateX(${offset}%)`;
    }

    function changeSlide(direction) {
        showSlide(currentIndex + direction);
    }

    function autoSlide() {
        showSlide(currentIndex + 1);
    }

    // 每5秒自动切换
    setInterval(autoSlide, 5000);

    // 初始显示第一张图片
    showSlide(currentIndex);

    $(function () {
        $("#page").Page({
            totalPages: 100,//分页总数
            liNums: 7,//分页的数字按钮数(建议取奇数)
            activeClass: 'activP', //active 类样式定义
            callBack: function (page) {
                console.log(page)
            }
        });
    })
</script>

<script src="__CDN__/assets/websize/js/index.js"></script>