查看“︁微件:Swiper”︁的源代码

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<style>
.pvzhe-swiper{width:100%;height:auto;position:relative;margin:0 auto;user-select:none}.pvzhe-swiper .swiper-wrapper{height:auto}.pvzhe-swiper .swiper-slide{display:flex;align-items:center;justify-content:center}.pvzhe-swiper .swiper-slide img{width:100%;height:auto;display:block;object-fit:cover}.pvzhe-swiper .swiper-button-prev,.pvzhe-swiper .swiper-button-next{color:#fff;z-index:10;cursor:pointer;pointer-events:auto}.pvzhe-swiper .swiper-pagination-bullet-active{background:#fff}.pvzhe-swiper .swiper-pagination{padding-top:10px}
</style>
<script>
RLQ.push(['jquery', function() {
    requestAnimationFrame(function() {
        $('.pvzhe-swiper').each(function(i, el) {
            if ($(el).data('swiper-init')) return;
            
            var opts = {};
            try {
                opts = JSON.parse($(this).attr('data-swiper-options') || '{}');
                if (opts.pagination?.el && typeof opts.pagination.el === 'string') {
                    opts.pagination.el = $(el).find(opts.pagination.el)[0];
                }
                if (opts.navigation?.prevEl && typeof opts.navigation.prevEl === 'string') {
                    opts.navigation.prevEl = $(el).find(opts.navigation.prevEl)[0];
                }
                if (opts.navigation?.nextEl && typeof opts.navigation.nextEl === 'string') {
                    opts.navigation.nextEl = $(el).find(opts.navigation.nextEl)[0];
                }
            } catch (e) { return; }
            
            try {
                var swiper = new Swiper($.extend({ el: el }, opts));
                $(el).data('swiper-init', true);
                mw.pvzhe = mw.pvzhe || {};
                (mw.pvzhe.swipers = mw.pvzhe.swipers || []).push(swiper);
            } catch (e) {}
        });
    });
}]);
</script>