Commit f998bf1d authored by liujiangnan's avatar liujiangnan

feat: 加个封面

parent ad7acea0
......@@ -82,9 +82,26 @@ body {
top: 14%;
overflow: hidden;
background: #f1e4c2;
border: 0.1rem solid #f1e4c2;
padding: 0.1rem;
}
.video-cover {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 100;
background: #fff;
text-align: center;
}
.video-cover__image {
height: 50%;
margin-top: 12.5%;
}
.play-speed-content {
position: absolute;
width: 1.5rem;
......
......@@ -68,6 +68,9 @@
<div id="exercise">
<div class="video-container">
<div class="video-cover">
<img src="../lib/images/video-cover.png" class="video-cover__image">
</div>
<video id="video" class="video" src="" muted></video>
</div>
<div class="play-speed-content">
......@@ -123,16 +126,14 @@
</div>
</div>
<div class="hello-container">
<img id="stuimage" src="" alt="" style="object-fit: cover; width: 100%; height: 100%; ">
<img id="stuimage" src="" alt="" style="object-fit: cover; width: 100%; height: 100%;">
</div>
<div id="result">
<div class="score">
<div class="medal">
<img id="medal" src="../lib/images/excellent.png" style="width: 100%;">
<div id="score" class="val">
90
</div>
<div id="score" class="val"></div>
</div>
<span class="tips">Great!</span>
<div class='sub-score'>
......@@ -140,15 +141,15 @@
<tr class="thead">
<td style="width: 33%;">
完整度<br>
<span id='complete' class="sub-score__text">80</span>
<span id='complete' class="sub-score__text"></span>
</td>
<td style="width: 33%;">
流利度<br>
<span id='fluent' class="sub-score__text">80</span>
<span id='fluent' class="sub-score__text"></span>
</td>
<td style="width: 33%;">
语法<br>
<span id='grammar' class="sub-score__text">60</span>
<span id='grammar' class="sub-score__text"></span>
</td>
</tr>
</table>
......
......@@ -494,6 +494,8 @@ function bindRecorderBtn() {
$(".recorder-play-icon").on('click touchend', function () {
$(".video-cover").hide();
playAudio('click', true);
if (stuUserAspect.firstClickRecorder) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment