<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta name="wap-font-scale" content="no">
    <title>妹妹聽指揮</title>
    <script src="lib/fsize.js"></script>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/layer.css">
    <link rel="stylesheet" href="css/daily.css">
    <link rel="stylesheet" href="css/index.css?v=2022102001">
    <link rel="stylesheet" href="css/liMarquee.css">
    <style>
        .layui-layer-shade {
            opacity: 0.7 !important;
        }

        .yourclass5 {
            border-radius: 0rem !important;
            background: rgba(0, 0, 0, 0) !important;
        }

        .yourclass5 .layui-layer-content {
            border-radius: 0rem !important;
        }
        .click1{
            background:yellowgreen;
            text-align: center;
            height: 35vw;
            line-height: 35vw;
            font-size: 10vw;
        }
        .click2{
            background: pink;
            text-align: center;
            height: 35vw;
            line-height: 35vw;
            font-size: 10vw;
        }
        .click3{
            background: hotpink;
            text-align: center;
            height: 35vw;
            line-height: 35vw;
            font-size: 10vw;
        }
    </style>
</head>
<body style="background:rgba(0,0,0,0)">
<div class="click1">打開全屏</div>
<div class="click2">打開半屏</div>
<div class="click3">打開浮動屏</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/default.js?v='2022102002'"></script>
<script>
$(function(){
    function appCollaboration(msg) {
        var ua = window.navigator.userAgent.toLowerCase();
        try {
            if (/iphone|ipad|ipod/.test(ua)) {
                window.webkit.messageHandlers.appCollaboration.postMessage(msg);
            } else if (/android/.test(ua)) {
                window.yazhai.appCollaboration(msg);
            }
        } catch (e) {
        }
    }
    $(".click1").on("click",function(){
        var obj = {
	    	"cid": 31,
	    	"reqCode": new Date().getTime(),
	    	"data": {
	    		"msg": '打开新网页',
	    		"popupType": 1,
	    		"url":'https://baike.baidu.com/item/%E9%A9%AC%E4%BF%9D%E5%9B%BD/50106525?fr=aladdin',
	    	}
	    }
        var objSend = JSON.stringify(obj);
        appCollaboration(objSend)
    })
    $(".click2").on("click",function(){
        var obj = {
	    	"cid": 31,
	    	"reqCode": new Date().getTime(),
	    	"data": {
	    		"msg": '打开新网页',
	    		"popupType": 2,
                "clickBlank":1,
                "heightR":100,
	    		"url":'https://baike.baidu.com/item/%E9%A9%AC%E4%BF%9D%E5%9B%BD/50106525?fr=aladdin',
	    	}
	    }
        var objSend = JSON.stringify(obj);
        appCollaboration(objSend)
    })
    $(".click3").on("click",function(){
        var obj = {
	    	"cid": 31,
	    	"reqCode": new Date().getTime(),
	    	"data": {
	    		"msg": '打开新网页',
	    		"popupType": 3,
                "clickBlank":1,
                "heightR":880,
                "widthR":70,

	    		"url":'https://baike.baidu.com/item/%E9%A9%AC%E4%BF%9D%E5%9B%BD/50106525?fr=aladdin',
	    	}
	    }
        var objSend = JSON.stringify(obj);
        appCollaboration(objSend)
    })
})
</script>
</html>