审查视图

public/themes/simpleboot3/portal/region/get_gallery_detail.html 2.6 KB
jinglong authored
1 2 3 4 5 6 7 8 9 10 11 12
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>星球画廊详情</title>
    <link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
</head>
13 14
<body ondragstart="window.event.returnValue=false" oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false">
    <include file="public@header" />
jinglong authored
15 16 17 18 19 20 21 22 23 24
    <div class="show_8">
        <div class="show_8_box">
            <div class="gallery-top">
                <ul class="swiper-wrapper">
                    <volist name="res['image_url']" id="vo">
                        <li class="swiper-slide">
                            <img src="{:cmf_get_image_url($vo.url)}" alt="">
                        </li>
                    </volist>
                </ul>
25 26
                <div class="swiper-button-prev8"></div>
                <div class="swiper-button-next8"></div>
jinglong authored
27 28 29 30 31 32 33 34 35 36 37 38 39 40
            </div>
            <h1 class="show_8_name">{$res.post_title}</h1>
            <div class="gallery-thumbs_box">
                <div class="gallery-thumbs">
                    <ul class="swiper-wrapper">
                        <volist name="res['image_url']" id="vo">
                            <li class="swiper-slide">
                                <img src="{:cmf_get_image_url($vo.url)}" alt="">
                            </li>
                        </volist>
                        </li>
                    </ul>
                    <span class="swiper-notification"></span>
                </div>
41
jinglong authored
42 43 44 45
            </div>

        </div>
    </div>
46
    <include file="public@footer" />
jinglong authored
47 48 49 50 51 52 53 54
    <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
    <script src="__TMPL__/public/assets/js/swiper4/swiper.min.js"></script>
    <script src="__TMPL__/public/assets/js/public.js"></script>
    <script>
        var galleryThumbs = new Swiper('.gallery-thumbs', {
            spaceBetween: 10,
            slidesPerView: 4,
            freeMode: true,
55
            loop: true,
jinglong authored
56 57 58 59 60
            watchSlidesVisibility: true,
            watchSlidesProgress: true,
        });
        var galleryTop = new Swiper('.gallery-top', {
            spaceBetween: 10,
61
            loop: true,
jinglong authored
62 63 64 65
            navigation: {
                nextEl: '.swiper-button-next8',
                prevEl: '.swiper-button-prev8',
            },
66
jinglong authored
67 68 69 70 71 72 73 74
            thumbs: {
                swiper: galleryThumbs
            }
        });
    </script>
</body>

</html>