99 lines
2.7 KiB
HTML
99 lines
2.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<link rel="stylesheet" href="../../js/layui-v2.9.2/layui/css/layui.css">
|
||
|
|
<link rel="stylesheet" href="../../css/font.css">
|
||
|
|
<script src="../../js/public/jquery-3.6.0.js" type="text/javascript"></script>
|
||
|
|
<!--拦截及公共ip-->
|
||
|
|
<script src="../../js/public/sm3.js"></script>
|
||
|
|
<script src="../../js/system/IPUtils.js"></script>
|
||
|
|
<script src="../../js/system/ajax_intercept.js"></script>
|
||
|
|
<script src="../../js/system/public_utils.js"></script>
|
||
|
|
<script src="../../js/public/aes.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/public/public.js"></script>
|
||
|
|
<!--拦截及公共ip结束-->
|
||
|
|
<script src="../../js/public/permission.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/layui-v2.9.2/layui/layui.js"></script>
|
||
|
|
<script src="../../js/public/commonUtils.js"></script>
|
||
|
|
<script src="../../js/public/commonsystem.js"></script>
|
||
|
|
<script src="../../js/public/openIframe.js"></script>
|
||
|
|
<title>学习</title>
|
||
|
|
</head>
|
||
|
|
<style>
|
||
|
|
.btn-box {
|
||
|
|
width: 100%;
|
||
|
|
height: 60px;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
html,
|
||
|
|
body {
|
||
|
|
width: 100%;
|
||
|
|
/*height: calc(100% - 5px);*/
|
||
|
|
height: 100%;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
font-family: 'Alibaba PuHuiTi R';
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#content {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: space-around;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layout {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: start;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
#detail-box {
|
||
|
|
width: 96%;
|
||
|
|
height: 60px;
|
||
|
|
justify-content: space-between;
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#data-box {
|
||
|
|
width: 96%;
|
||
|
|
height: calc(100% - 100px);
|
||
|
|
}
|
||
|
|
|
||
|
|
#finishStatus {
|
||
|
|
color: #f40;
|
||
|
|
}
|
||
|
|
#indexIframe{
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#video{
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="content" class="layout">
|
||
|
|
<div id="detail-box" class="layout">
|
||
|
|
<p>学习进度：<span id="finishStatus"></span></p>
|
||
|
|
<div class="layout">
|
||
|
|
<p>学习时长：</p>
|
||
|
|
<p id="time">00:00:00</p>
|
||
|
|
</div>
|
||
|
|
<button class="layui-btn layui-btn-norma save" onclick="finshStudy(1)">结束学习</button>
|
||
|
|
</div>
|
||
|
|
<button id="foucs-btn"></button>
|
||
|
|
<div id="data-box">
|
||
|
|
<iframe id="indexIframe" width="100%" height="100%" frameborder="0"></iframe>
|
||
|
|
<video controls autoplay style="width: 100%;height: 100%;object-fit: contain;" id="video"></video>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script src="../../js/studyExam/studyCoursewareView.js"></script>
|
||
|
|
|
||
|
|
</html>
|