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>
|