master

分支 (1)

管理

管理

master

vue-kantboot-admin-demo
/
sms.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div class="box">
    <div style="height: 10px"></div>
    <div style="text-align: center">
        <img src="https://file.obic.aaarfyh.com/image/logo.png"
             class="box-icon"
             style="border-radius: 5px"
             alt="">
    </div>
<!--    <div class="box-welcome no-select">欢迎进入OVO小众平台</div>-->
    <div class="box-welcome no-select">Welcome to KYGHL</div>
    <div style="height: 20px"></div>
    <div class="box-content">
<!--        <div style="font-weight: lighter"-->
<!--             class="box-tips no-select">登录验证码</div>-->
        <div style="font-weight: lighter"
             class="box-tips no-select">Login verification code</div>
        ${value}
        <div style="height: 3px"></div>
    </div>
    <div style="height: 30px"></div>
    <div class="box-tips no-select">
<!--        此验证码用于登录，有效期为30分钟，请勿泄露给他人。-->
        This verification code is used for login, valid for 30 minutes, do not disclose it to others.
    </div>
    <div style="height: 20px"></div>
<!--    <div class="box-welcome no-select">-->
<!--        邮箱服务技术由 <a class="a" href="https://www.kantboot.com"-->
<!--                          target="_blank"-->
<!--    >`不一网络科技社`</a> 提供-->
<!--    </div>-->
    <div style="height: 10px"></div>
</div>
<style>
    .no-select {
        -webkit-user-select: none; /* Safari */
        -moz-user-select: none;    /* Firefox */
        -ms-user-select: none;     /* IE/Edge */
        user-select: none;         /* 标准语法 */
    }
    .box {
        width: 350px;
        margin: 0 auto;
        border-top: 1px solid #999;
        border-bottom: 1px solid #999;
        padding: 0 20px 0 20px;
        letter-spacing: 1px;
    }
    .box-icon{
        height: 50px;
        width: 50px;
        margin: 0 auto;
        object-fit: cover;
    }
    .box-welcome {
        font-size: 10px;
        color: #333;
        text-align: center;
    }
    .box-title {
        font-size: 14px;
        margin-top: 10px;
        text-align: center;
    }
    .box-content {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        width: 200px;
        margin: 0 auto;
        background-color: #f5f5f5;
        border-radius: 5px;
        padding: 5px;
    }
    .box-content::selection {
        background-color: rgba(0,0,0,.5);
        padding: 10px;
        color: #FFFFFF;
        border-radius: 10px;
    }
    .box-tips {
        font-size: 12px;
        color: #999999;
        text-align: center;
    }

    .a{
        color: #000;
    }
</style>
</body>
</html>