<?php /*a:1:{s:70:"/www/wwwroot/117.72.69.185/app/frontend/view/index/AnnieOne/index.html";i:1735110461;}*/ ?>

<!DOCTYPE html>
<html style="font-size: 100px;">
<head design-width="750">
    
    	<?php echo head(); ?>
    <link rel="stylesheet" href="/template/AnnieOne/assets/css/index.css?version=1.0">
    <link rel="stylesheet" href="/template/AnnieOne/swiper/swiper-bundle.min.css?version=1.0">
    <script src="/template/AnnieOne/assets/js/index.js?version=1.0"></script>
    <style type="text/css">
        @media screen and (min-width:750px) {
            .center { width: 750px !important; margin-left: -375px !important; left: 50% !important; }
            .fixed-right { right: calc((100% - 750px) / 2); }
        }
    </style>
</head>

<body>
    <div class="mobile-wrap center">
        <!-- Header Section -->
        <div class="head">
            <div class="logo">
                <img src="<?php echo syscfg('site','site_logo'); ?>" alt="Logo">
                <div style="color:#fff;font-size:20px">
                   <?php echo syscfg("site","site_name"); ?>
                </div>
            </div>
            
            <div class="txts"></div>
        </div>

        <!-- Banner Section -->
          <div class="banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                          <?php foreach($advertise as $k => $v): ?>
                                            <div class="swiper-slide">
                            <a href="<?php echo htmlentities($v['url']); ?>" target="_blank">
                                <img src="<?php echo htmlentities($v['icon']); ?>" alt="<?php echo htmlentities($v['title']); ?>">
                            </a>
                        </div>
                         <?php endforeach; ?>
                                    </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>

        <!-- Notice Section -->
        <div class="notice">
            <div class="ico">
                <img src="/template/AnnieOne/assets/img/009848_30x26.png" alt="Notice Icon">
            </div>
            <div class="txt">
                <marquee><?php echo syscfg('site','site_seo_desc'); ?></marquee>
            </div>
        </div>

        <!-- Product Section -->
        <div class="product">
            <!--<div class="title">
                <img src="/upload/20241020203451_9409.jpeg" alt="Title Image">
            </div>-->

            <div class="list" id="list">
                <ul>
                    
                    	<?php foreach($site as $k => $v): ?>
                    	    <li>
                            <a href="<?php echo htmlentities($v['url']); ?>" target="_blank">
                                <div class="cont">
                                    <div class="image">
                                        <img src="<?php echo $v['icon']!='' ? htmlentities($v['icon']) :  '/template/SimpleNavigation/assets/img/icon_link.png?version=2.0'; ?>" alt="App Logo">
                                    </div>
                                    <div class="text">
                                        <div class="intr">
                                            <div class="tits">
                                                <?php echo htmlentities($v['title']); ?>                                            </div>
                                            <div class="score">
                                                <span>最新口碑：</span>
                                                <img src="/template/AnnieOne/assets/img/18cdb2_114x18.png" alt="Rating">
                                                <em>5.0分</em>
                                            </div>
                                            <div class="nums" >
                                               
                                            </div>
                                            <div class="txts">
                                                <?php echo $v['description']; ?>                                         </div>
                                        </div>
                                        <div class="btns">
                                            <button>立即前往</button>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                       <?php endforeach; ?>
                 
                           
                     
                       
                                    </ul>
            </div>
        </div>

        <!-- Footer Section -->
        <div class="footer"><?php echo syscfg('site','site_copyright'); ?></div>
    </div>

    <!-- Swiper JS -->
    <script src="/template/AnnieOne/swiper/swiper-bundle.min.js"></script>
    <script>
        var swiper = new Swiper('.swiper-container', {
            loop: true,
            autoplay: {
                delay: 3000,  // 每张图片切换的时间间隔，单位为毫秒
                disableOnInteraction: false,  // 用户操作后是否停止自动播放
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            }
        });
        
        var designWidth = document.getElementsByTagName("head")[0].getAttribute("design-width");

        function font_size(devwidth) {
            _size();
            
            window.onresize = function() {
                _size();
            };

            function _size() {
                var deviceWidth = document.documentElement.clientWidth;
                if (deviceWidth >= devwidth) deviceWidth = devwidth;
                document.documentElement.style.fontSize = deviceWidth / (devwidth / 100) + 'px';
            }
        }

        var media = document.createElement('style');
        media.innerHTML = "@media screen and (min-width:" + designWidth + "px){.center{width:"+designWidth+"px !important;margin-left:-"+designWidth/2+"px !important;left:50% !important;}.fixed-right{right:calc((100% - 750px)/2)}}";
        document.getElementsByTagName('head')[0].appendChild(media);

        window.onload = font_size(designWidth);
        
        //禁止F12
document.addEventListener('contextmenu', function(e) {
    e.preventDefault();
});

document.addEventListener('keydown', function(e) {
    if (e.key === 'F12' || (e.ctrlKey && e.shiftKey && e.key === 'I')) {
        e.preventDefault();
    }
});


    </script>
</body>
</html>
