master

分支 (1)

管理

管理

master

tiktok-project
/
liveStreaming.html

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>直播开放平台</title>
    <link rel="shortcut icon" href="./images/liveStreaming/ia_100000001165.png" type="image/x-icon" title="Atom">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/style.css">
    <script src="./js/jQuery源文件/jquery-1.12.4.min.js"></script>
    <link rel="stylesheet" href="./css/liveStreaming.css">
    <script src="./js/liveStreaming.js"></script>
</head>

<body>
    <div class="picture">


        <!-- 背景图片 -->
        <ul class="ul">
            <li class='lis1  '>
                <img src="./images/liveStreaming/ia_100000012.png" alt="" class="img1">
            </li>


        </ul>

        <!-- loog -->
        <div class="loog"></div>

        <!-- 内容盒子 -->
        <div class="content">
            <!-- 左边盒子 -->
            <div class="content_left">
                <div class="content_top">
                    <div class="icon">
                        <span></span>
                        <span></span>
                    </div>
                    <div class="icon_text">
                        <p>直播机构入驻</p>
                        <p>抖音、西瓜唯一渠道</p>
                    </div>
                </div>
                <div class="content_center">
                    <h1>直播开放平台</h1>
                    <p>助力创作者和机构成长 互利共建直播创作生态</p>
                </div>
                <div class="content_bottom cursor">
                    <h2 class="h2 ">登录/注册</h2>
                </div>
            </div>

            <!-- 右边盒子 -->
            <div class="content_right none">
                <!-- 提示框 -->
                <div class="Prompt_box none"></div>

                <!-- 扫码登录 -->
                <div class="box ">
                    <h3>抖音扫码登录/注册</h3>
                    <div class="img">
                        <img src="./images/liveStreaming/ia_200000140.png">
                        <div class="img1 cursor" style="display: none;">二维码失效,点击刷新</div>
                    </div>
                    <p>打开抖音App</p>
                    <p>点击首页右上角 ,点击扫一扫</p>
                </div>
                <!-- 短信登录 -->
                <div class="box1 none">
                    <ul id="top">
                        <li class="Password_login cursor" style=" font-weight: 700">密码登录</li>
                        <li class="Text_login cursor">短信登录</li>
                    </ul>
                    <div class="inp">
                        <div class="inp1">

                            <input type="text" placeholder="手机号" class="mobilephone" maxlength="11">
                            <input type="password" placeholder="密码" class="pwds" maxlength="16">

                        </div>
                        <div class="inp2">

                            <input type="text" placeholder="手机号" maxlength="11" class="mobilephone">
                            <input type="text" placeholder="验证码" maxlength="4" class="verification_code">
                            <span class="verification cursor">获取验证码</span>
                        </div>
                    </div>
                    <p class="forget cursor">忘记密码</p>

                </div>

                <!-- 手机号码注册 -->
                <div class="box2 none">
                    <h2>注册</h2>
                    <input class="your" type="text" placeholder="姓名(建议填写真实姓名)">
                    <input type="password" placeholder="密码(6-16位须包含数字和字母)" id="pwd" maxlength="16">
                    <input type="text" placeholder="手机号" class="mobilephone1" maxlength="11">
                    <input type="text" placeholder="验证码" maxlength="4" class="verification_code1">
                    <span class="verification_2 cursor ">获取验证码</span>

                </div>

                <!-- 眼睛小图标 -->
                <span class=" eye_icon cursor none"></span>
                <span class=" eye_icon_2 cursor none"></span>

                <!-- 蓝色大按钮 -->
                <div class="btn cursor none">登录</div>
                <div class=" btn1 cursor none">注册</div>
                <div class=" btn2 cursor none">立即登录</div>
                <div class="span cursor">
                    <span class="account ">账号登录</span>
                    <span class="Mobile_phone ">手机号注册</span>
                    <div class="span1 none">已有帐号,直接登录</div>
                </div>
                <span class="Fill_in_the_number none">&nbsp;请填写手机号码</span>
            </div>
        </div>

        <!-- 正三角按钮 -->
        <div id="btn" class=" cursor none">
            <div></div>
        </div>
        <!-- 广告盒子 -->
        <div class="Main_AD ">
            <div class="top_btn none">
            </div>
            <div class="center_nav_0 cursor ">
                <div class="left">
                    <div>
                        <h3>主播/机构专属权益</h3>
                        <p> 超高流量 · 主播日结</p>
                    </div>
                </div>
                <div class="right">
                    <div>
                        <h3>定制工具高效管理</h3>
                        <p> 线上签约 · 实时跟播 · 数据分析 · 极速反馈</p>
                    </div>
                </div>
                <div id="triangle" class=" cursor none">
                    <div></div>
                </div>
            </div>
            <div class="center_nav cursor none">
                <ul>
                    <li class="control ">超高流量</li>
                    <li>主播日结</li>
                    <li>实时跟播</li>
                    <li>数据分析</li>
                    <li>极速反馈</li>
                </ul>
            </div>
            <div class="bottom_advertising none ">
                <ul>
                    <li>
                        <p>海量用户精准推荐，高效获得优质粉丝 </p>
                        <img src="./images/liveStreaming/ia_100000006.png" alt="">
                    </li>
                    <li>
                        <p>行业领先的结算模式，主播收益按场次自提</p>
                        <img src="./images/liveStreaming/ia_100000007.png" alt="">
                    </li>
                    <li>
                        <p>全局展示主播状态，协助主播维护粉丝关系</p>
                        <img src="./images/liveStreaming/ia_100000008.png" alt="">
                    </li>
                    <li>
                        <p>赋能机构数据分析能力，助力机构精细化运营</p>
                        <img src="./images/liveStreaming/ia_100000009.png" alt="">
                    </li>
                    <li>
                        <p>7*24小时问题极速处理，优质机构1V1专属运营对接</p>
                        <img src="./images/liveStreaming/ia_100000010.png" alt="">
                    </li>

                </ul>
                <div class="register h2 cursor">
                    登录/注册
                </div>
                <main>Copyright © 2020 北京字节跳动科技有限公司 京ICP备12025439号-7&nbsp;&nbsp;&nbsp;&nbsp; <span></span>
                    京公网安备11000002002068号
                </main>
            </div>
        </div>


        <div class="bak none"></div>
        <!-- 验证图片盒子 -->
        <div class="slide none">
            <x class="cursor"></x>
            <p>请完成下列验证继续:</p>
            <div class="slide_img">
                <img src="images/liveStreaming/ia_100000000129.jpg" alt="" class="img1">
                <img src="./images/liveStreaming/ia_100000000130.png" alt="" class="img2">
                <span class="none">
                    <sx></sx>验证超时,请根据提示进行验证
                </span>
                <div class="roll">
                    <div class="Color"></div>
                    <div class="arrows"></div>
                </div>
                <div class="refresh_feedback">
                    <span class="refresh"></span>
                    <span class="feedback"></span>

                </div>
            </div>
        </div>
    </div>
</body>


</html>