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

<?php
use app\assets\PcAsset;
use app\assets\PluginsAsset;
$asset = PcAsset::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"/>
<link rel="stylesheet" type="text/css" href="<?php echo $assetsUrl;?>/css/user.css" />
<style>
.sharedoc{height:560px !important;}
.sharedoc .photos{height:92% !important;}
</style>
<!--弹出海报-->
<div class="shacon" id="sharedoc" style="display:none;height:560px;">
    <div class="sharedoc">
        <div class="photos">
            <img class="potos" src="" id="docshareimg" style="width:85%;"/>
        </div>
        <div class="photor">
            <p>右键图片另存为保存，分享给朋友<?php if($commission){ echo '（佣金：<b style="color:red">'.$commission.'）</b>'; } ?></p>
        </div>
    </div>
</div>

<div class="shacon" id="sharecommon" style="display:none;">
    <div class="photos">
        <img class="potos" src="" id="comshareimg" />
    </div>
    <div class="photor">
        <p>右键图片另存为保存，分享给朋友</p>
        <div class="swiper sharebao">
            <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 b5next swiper-button-white"></div>
            <div class="swiper-button-prev b6prev swiper-button-white"></div>
        </div>
    </div>
    <input type="hidden" id="share_url" value="">
</div>
<script>
$(document).ready(function(){

    //海报选择
    function mySwiper(){
        var mySwiper = new Swiper ('.sharebao', {
            nextButton: '.b5next',
            prevButton: '.b6prev',
            loop: false,
            observer: true,
            observerParents: true,
            slidesPerView: 'auto',
            loopedSlides: 4,
            // slidesPerView:3,
            // slidesPerGroup : 3,
            onSlideChangeEnd: function(swiper){
                swiper.update(); //swiper更新
            }
        })
    }


    $(document).on("click", ".doshare", function(){
        /*if(!has_logined)
        {
            layer.close(downpop);
            popLogin();
            return;
        }*/
        var type = $(this).data('type');
        if(type=='doc')
        {
            var loading = commonLoading();
            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.close(loading);
                    if (res.error == 0) {
                        $('#docshareimg').attr('src',res.data.posterUrl);
                        layer.open({
                            type: 1,
                            closeBtn: 1,
                            title: '',
                            content: $('#sharedoc'),
                            area: ['385px', '560px']
                        });
                    } else {
                        message(res.msg);
                    }
                }
            });
        }

        if(type=='common')
        {
            if(!has_logined)
            {
                popLogin();
                return;
            }
            var loading = commonLoading();
            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.close(loading);
                    if (res.error == 0) {
                        $('#comshareimg').attr('src',res.data.posterUrl);
                        layer.open({
                            type: 1,
                            closeBtn: 1,
                            title: '',
                            content: $('#sharecommon'),
                            area: ['385px', '600px']
                        });
                        mySwiper();
                    } else {
                        message(res.msg);
                    }
                }
            });
        }

    })

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


    })


})
</script>