qiushang
/
qasimBlog


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
							<!DOCTYPE html>
<html>
<head>
    @include('home.soft.common.head')

    <style>
        body{
            color: #515a6e;
            font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
        }

        /* 未登录弹窗 */
        .member-model {
            line-height: 2.2;
            height: 100%;
        }

        .member-model .m-title {
            color: #BD2C00;
            font-size: 15px;
        }

        .member-model .m-tips {
            margin: 20px 0;
        }

        .member-model .member-btn {
            position: absolute;
            bottom: 5px;
            right: 20px;
        }

        .font-12{
            font-size: 12px;
        }

        .font-13{
            font-size: 13px;
        }

        .btn-danger{
            font-size: 14px;
            background-color: #2d8cf0;
            border-color: #2d8cf0;
        }

        .btn-danger:hover{
            background-color: #57a3f3;
            border-color: #57a3f3
        }

        .btn-outline-secondary{
            font-size: 14px;
            border-color: #2d8cf0;
            color: #2d8cf0;
        }
    </style>
</head>
<body style="margin:0 10px">
<div class="member-model">
    @if(isset($ad) && $ad->logo)
        <div class="adv-banner">
            <img src="{{$ad->logo}}" style="width: 100%; height: 100%;"/>
        </div>
    @endif

    <div class="font-12" style="background-color: #f8f8f8; padding: 10px 20px; margin-bottom: 10px;">
        <div style="padding-bottom: 5px;">
            <img src="/static/logo/i-vip.png" class="i-vip" style="width: 62px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 5px;" />
            <span class="font-12">开通即享</span>
        </div>
        <ul style="padding-left: 20px; line-height: 2;">
            <li>没有官方水印</li>
            <li>不限功能使用</li>
            <li>不限电脑设备</li>
            <li>永久免费升级</li>
            <li>专业技术支持</li>
        </ul>
    </div>
    <p class="font-13">检测到您现在是非VIP会员，导出的图片有官方水印，是否开通VIP套餐？</p>
    <div class="member-btn">
        <button type="button" style="margin:0 10px;" class="btn btn-outline-secondary" onclick="next()">继续试用</button>
        <button type="button" class="btn btn-danger" onclick="openVip()">开通会员</button>
    </div>
</div>

<script>
    let reminderContext;
    let isShow = "{{ !$isVip }}" // 会员才显示

    function next() {
        window.top.postMessage('next', '*');

    }

    function openVip() {
        window.top.postMessage('openVip', '*');
    }
</script>
</body>
</html>