prodog-client-2025
/
client-base-v5


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

<head>
    <title>测试界面</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style type="text/css">
        form {
            display: flex;
            align-items: center;
        }

        input {
            flex-grow: 1;
        }

        #box {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap-reverse;
            justify-content: flex-end;
            align-content: center;
            width: 500px;
            border: 1px solid red;
        }

        .inner {
            width: 100px;
            height: 100px;
            background: #8a4182;
            margin: 10px;
        }
    </style>

    <script type="text/javascript">
        var blob = new Blob();
        let type = (typeof blob);
        console.log(typeof blob);
        console.log(blob.name);
        console.log(typeof blob.name);

        var v1 = {};
        var v2 = {};
        console.log("v1 === v2 %o", v1 === v2);
        
        var v2 = v1;
        console.log("v1 === v2 %o", v1 === v2);
    </script>
</head>

<body>
    <form>
        <input type="email" name="email">
        <button type="submit">
            <svg width="200" height="200">
                <image x="0" y="0" width="200" height="200" xlink:href="./image/repair.png" />
            </svg>
        </button>
    </form>

    <div id="box">
        <div class="inner">1</div>
        <div class="inner">2</div>
        <div class="inner">3</div>
        <div class="inner">4</div>
        <div class="inner">5</div>
        <div class="inner">6</div>
    </div>
</body>

</html>