chenzhiguang
/
AI_Change_code


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,viewport-fit=cover" />
    <title>AI换装</title>
    <link href="./css/style.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="./css/animate.min.css" />
    <link rel="stylesheet" href="./css/app.css">
</head>

<body>
    <div class="loading-mask">

    </div>

    <div id="app">
        <div class="ai_top">
            <div class="ai_title">选择喜爱的三国人物，控制屏幕人物切换</div>
            <ul class="ai_pic">
                <li class="active" data-msg="switch 1">
                    <img src="./images/1.png" alt="">
                    <span>诸葛亮</span>
                </li>
                <li data-msg="switch 2">
                    <img src="./images/2.png" alt="">
                    <span>关羽</span>
                </li>
                <li data-msg="switch 3">
                    <img src="./images/3.png" alt="">
                    <span>赵云</span>
                </li>
                <li data-msg="switch 4">
                    <img src="./images/4.png" alt="">
                    <span>曹操</span>
                </li>
                <li data-msg="switch 5">
                    <img src="./images/5.png" alt="">
                    <span>吕布</span>
                </li>
                <li data-msg="switch 6">
                    <img src="./images/6.png" alt="">
                    <span>蔡文姬</span>
                </li>

            </ul>
        </div>
        <div class="ai_bottom">
            <img class="photo" src="./images/botton@2x.png" alt="">
        </div>
    </div>

    <div class="app-mask"></div>
    <div class="app-alert">
      <div class="tips"></div>
      <div class="btns">
        <a class="btn-use" href="javascript:;">再次使用</a>
        <a class="btn-link" data-href="http://nerual.4dage.com/" href="javascript:;">试试在线版</a>
      </div>
    </div>
    <div class="app-view">
      <div class="img"></div>
      <div class="tip">
        <div>
          <div>长按图片保存</div>
          <div>关闭后可在【我的相片】中查看</div>
        </div>
        <span class="close"></span>
      </div>
    </div>
    <div class="app-action-tips">
      <div class="content loading">
        <div class="lds-spinner">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
        <div class="tips"></div>
      </div>
      <div class="content loading-switch">
        <div class="lds-spinner">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
        <div class="tips">正在切换画风</div>
      </div>
      <div class="content face-4">
        <div class="tips">
          将于1秒后拍摄
        </div>
      </div>
      <div class="content face-3">
        <div class="tips">
          将于2秒后拍摄
        </div>
      </div>
      <div class="content face-2">
        <div class="tips">
          将于3秒后拍摄
        </div>
      </div>
      <div class="content face-1">
        <div class="tips">
          快望向你身前的艺术<br>照设备，准备拍照啦
        </div>
      </div>
    </div>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/config.js"></script>
    <script type="text/javascript" src="js/utils.js"></script>
    <script type="text/javascript" src="js/websocket.js"></script>
</body>

</html>