飞天AI数字人展会页面
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

126 lines
4.4 KiB

10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  8. <meta http-equiv="Pragma" content="no-cache" />
  9. <meta http-equiv="Expires" content="0" />
  10. <link rel="stylesheet" type="text/css" href="css/libs/reset.css" />
  11. <link rel="stylesheet" type="text/css" href="css/index.css" />
  12. <!--[if lt IE 9]>
  13. <script src="js/html5shiv.js"></script>
  14. <script src="js/respond.min.js"></script>
  15. <![endif]-->
  16. <title>编码视频</title>
  17. </head>
  18. <body>
  19. <div class="ai-wrapper perview-wrapper">
  20. <div class="ai-header-wrapper">
  21. <div class="style-line-top"></div>
  22. <div class="ai-header">
  23. <div class="header-left">
  24. <div class="header-btn header-home" onclick="window.location.href='index.html'; return false;"><span></span><p>首页</p></div>
  25. <div class="header-btn header-return" onclick="history.go(-1); return false;"><span></span><p>返回</p></div>
  26. <h3 class="page-cont-title">标题标题标题标题标题标题</h3>
  27. </div>
  28. <div class="header-btn header-login"><span></span><p>登录</p></div>
  29. </div>
  30. </div>
  31. <!-- 编码视频 -->
  32. <div class="perview-codeVideo">
  33. <div class="perview-code">
  34. <div class="empty-data">
  35. <img src="images/index-img9.png" alt="" />
  36. <p>暂无文件</p>
  37. </div>
  38. </div>
  39. <div class="perview-video">
  40. <div class="video-content">
  41. <video width="592" height="360" src="media/video/elephant/ROS桌面多功能机械臂myCobot_280_Pi颜色识别分类.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
  42. </div>
  43. <ul class="perview-info">
  44. <li>
  45. <i>名称:</i>
  46. <p>六轴机器人-垃圾分类</p>
  47. </li>
  48. <li>
  49. <i>作者:</i>
  50. <p>李卓俊</p>
  51. </li>
  52. <li>
  53. <i>时间:</i>
  54. <p>2024/08/13</p>
  55. </li>
  56. <li>
  57. <i>评分:</i>
  58. <div class="list-star">
  59. <span class="active-star"></span>
  60. <span class="active-star"></span>
  61. <span></span>
  62. <span></span>
  63. <span></span>
  64. </div>
  65. </li>
  66. <li>
  67. <i>评语:</i>
  68. <p>设计合理</p>
  69. </li>
  70. </ul>
  71. </div>
  72. </div>
  73. <!-- 账号:admin 密码:83560792 -->
  74. <!-- 登录 -->
  75. <div id="form-layer" class="layer-login" style="display: none;">
  76. <h3>账号登录</h3>
  77. <ul class="login-form">
  78. <li>
  79. <p>账号</p>
  80. <input type="text" placeholder="请输入账号" value="admin" />
  81. </li>
  82. <li>
  83. <p>密码</p>
  84. <input type="password" placeholder="请输入密码" value="83560792" />
  85. </li>
  86. </ul>
  87. <button type="submit" class="login-submit" id="btn-submit-form">立即登录</button>
  88. </div>
  89. <div id="user-layer" class="layer-login" style="display: none;">
  90. <div class="user-info">
  91. <img src="images/index-img2.png" alt="" />
  92. <p class="user-name">Admin</p>
  93. <ul class="user-other">
  94. <li>
  95. <p>8个</p>
  96. <span>代码上传</span>
  97. </li>
  98. <li>
  99. <p>100</p>
  100. <span>积分</span>
  101. </li>
  102. <li>
  103. <p>10</p>
  104. <span>获赞</span>
  105. </li>
  106. </ul>
  107. <div class="change-accout-btn">切换账号</div>
  108. </div>
  109. </div>
  110. <!-- 微信登录 -->
  111. <div id="wechat-layer" class="layer-login" style="display: none;">
  112. <h3>账号登录</h3>
  113. <div class="wechat-login">
  114. <img src="images/wechat.png" alt="" />
  115. <span>请使用微信扫描二维码登录</span>
  116. </div>
  117. </div>
  118. </div>
  119. </body>
  120. <script type="text/javascript" src="js/libs/jquery-3.7.1.min.js"></script>
  121. <script type="text/javascript" src="js/libs/flexible.js"></script>
  122. <!-- 弹出框 -->
  123. <script type="text/javascript" src="js/libs/layer/layer.js"></script>
  124. <script type="text/javascript" src="js/index.js"></script>
  125. </html>