hebei-chengben-car/common/widget/views/share/wap.php

<?php
use app\assets\WapAsset;
use app\assets\PluginsAsset;
$asset = WapAsset::register($this);
$assetsUrl = $asset->baseUrl;
$pluginsAsset = PluginsAsset::register($this);
$pluginsUrl = $pluginsAsset->baseUrl;
?>
<script src="<?php echo $pluginsUrl;?>/swiper/swiper.min.js"></script>
<link rel="stylesheet" href="<?php echo $pluginsUrl;?>/swiper/swiper.min.css"/>
<style>
/*弹出文档分享海报*/
.haibaoBlock{background:none;}
.haibaoBlock img.sharedocimg{width: 8rem;height: auto !important;margin-left: 50%;transform: translateX(-50%);}
.haibaoBlock p{height: 0.5rem;line-height: 0.5rem;margin-top:0.1rem;font-size:0.2rem;background:none;color:#fff;text-align:center;width: 100%;}
.haibaoBlock .close{position: absolute;right: 0rem;top: 0;width: 0.5rem !important;}
.share .close{position: absolute;right: 0.3rem;top: 0.3rem;width: 0.5rem !important;z-index:999;}
</style>

<div id="commonsharebox" style="display:none;">
    <div class="share">
        <img class="close" id="closeit" src="<?php echo $assetsUrl;?>/images/close.png">
        <div class="shacon">
            <div class="photos">
                <img class="potos" src="" id="comshareimg" />
            </div>
            <div class="photor">
                <p>长按上方图片保存，分享给朋友</p>
                <div class="swiper bannerlist2 ">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide item item1 postersel" data-type="1">
                            <i class="iconfont icon-select-s"></i>
                            <img src="<?php echo getFileUrl(Yii::$app->controller->module->posterconfig['common1']);?>" >
                        </div>
                        <div class="swiper-slide item postersel" data-type="2">
                            <i class="iconfont icon-select-s"></i>
                            <img src="<?php echo getFileUrl(Yii::$app->controller->module->posterconfig['common2']);?>" >
                        </div>
                        <div class="swiper-slide item postersel" data-type="3">
                            <i class="iconfont icon-select-s"></i>
                            <img src="<?php echo getFileUrl(Yii::$app->controller->module->posterconfig['common3']);?>" >
                        </div>
                        <div class="swiper-slide item postersel" data-type="4" >
                            <i class="iconfont icon-select-s"></i>
                            <img src="<?php echo getFileUrl(Yii::$app->controller->module->posterconfig['common4']);?>" >
                        </div>
                        <div class="swiper-slide item postersel" data-type="5" >
                            <i class="iconfont icon-select-s"></i>
                            <img src="<?php echo getFileUrl(Yii::$app->controller->module->posterconfig['common5']);?>" >
                        </div>
                    </div>
                    <!-- <div class="swiper-button-next b2next swiper-button-white"></div>
                    <div class="swiper-button-prev b2prev swiper-button-white"></div> -->
                </div>
            </div>
            <input type="hidden" id="share_url" value="">
        </div>
    </div>
</div>



<script>
$(document).ready(function(){
    $(document).on("click", ".doshare", function(){
        var type = $(this).data('type');
        if(type=='doc')
        {
            var loading = showLoad('正在请求，请稍候...');
            var id = $(this).data('id');
            var url = $(this).data('url');
            //提交
            $.ajax({
                type: "POST",
                url:api_url+"share/sharedoc",
                data:{id:id,url:url},
                headers: {'Authorization': 'Bearer '+access_token},
                success: function (res) {
                    layer_mobile.close(loading);
                    if (res.error == 0) {
                        <?php if($commission){ ?>
                        var html = '<div id="sharedoc" class="haibaoBlock"  ><img class="close" id="closehb" src="<?php echo $assetsUrl;?>/images/close.png"><form class="layui-form layui-form-pane" method="post"><img src="'+res.data.posterUrl+'" class="sharedocimg"><p>长按图片保存海报（分销佣金：<?php echo $commission;?>）</p></form></div>';
                        <?php }else{ ?>
                        var html = '<div id="sharedoc" class="haibaoBlock"  ><img class="close" id="closehb" src="<?php echo $assetsUrl;?>/images/close.png"><form class="layui-form layui-form-pane" method="post"><img src="'+res.data.posterUrl+'" class="sharedocimg"><p>长按图片保存海报</p></form></div>';
                        <?php } ?>
                        var hbindex = layer_mobile.open({
                            content:html,
                            shadeClose: true,
                            close: function(index){
                                layer_mobile.close(index);
                            }
                        });
                        $('#sharedoc').parents('.layui-m-layer_mobilechild').attr("style","background:none;box-shadow:none;max-width:90%;");
                        $('#closehb').click(function(){
                            layer_mobile.close(hbindex);
                        })

                    } else {
                        message(res.msg);
                    }
                }
            });


        }

        if(type=='common')
        {
            if(!has_logined){
                window.location.href='<?php echo \app\common\components\SiteUrl::login(\app\common\components\SiteUrl::vip());?>';
                return;
            }
            if($('.vipbox').length>0)$('.vipbox').hide();
            $('#commonsharebox').toggle();
            $('.bottomnav').toggle();
            $('.login-item').toggle();
            var loading = showLoad('正在请求，请稍候...');
            var url = $(this).data('url');
            var type = 1;
            $('#share_url').val(url);
            //提交
            $.ajax({
                type: "POST",
                url:api_url+"share/sharecom",
                data:{type:type,url:url},
                headers: {'Authorization': 'Bearer '+access_token},
                success: function (res) {
                    layer_mobile.close(loading);
                    if (res.error == 0) {
                        $('#comshareimg').attr('src',res.data.posterUrl);
                        new Swiper('.bannerlist2', {
                            nextButton: '.b2next',
                            prevButton: '.b2prev',
                            pagination: '.b2page',
                            spaceBetween: 15,
                            //loop: true,
                            slidesPerView: 'auto',
                            loopedSlides: 4,
                            // grabCursor: true,
                            paginationClickable: true,
                            preloadImages: false
                            //loop: true,
                            // Enable lazy loading
                            // lazyLoading: true
                        });
                    } else {
                        message(res.msg);
                    }
                }
            });

        }

    })

    $(".postersel").click(function(){
        $('.postersel').removeClass('item1');
        $(this).addClass('item1');
        var type = $(this).data('type');
        var url =  $('#share_url').val();
        var loading = showLoad('正在请求，请稍候...');
        //提交
        $.ajax({
            type: "POST",
            url:api_url+"share/sharecom",
            data:{type:type,url:url},
            headers: {'Authorization': 'Bearer '+access_token},
            success: function (res) {
                layer_mobile.close(loading);
                if (res.error == 0) {
                    $('#comshareimg').attr('src',res.data.posterUrl);
                } else {
                    message(res.msg);
                }
            }
        });
    })

    $('#closeit').click(function(){
        $('#commonsharebox').toggle();
        $('.bottomnav').toggle();
        $('.login-item').toggle();
        if($('.vipbox').length>0)$('.vipbox').show();
    })



})

</script>