Commit f998bf1d authored by liujiangnan's avatar liujiangnan

feat: 加个封面

parent ad7acea0
...@@ -82,9 +82,26 @@ body { ...@@ -82,9 +82,26 @@ body {
top: 14%; top: 14%;
overflow: hidden; overflow: hidden;
background: #f1e4c2; background: #f1e4c2;
border: 0.1rem solid #f1e4c2;
padding: 0.1rem; 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 { .play-speed-content {
position: absolute; position: absolute;
width: 1.5rem; width: 1.5rem;
......
...@@ -68,6 +68,9 @@ ...@@ -68,6 +68,9 @@
<div id="exercise"> <div id="exercise">
<div class="video-container"> <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> <video id="video" class="video" src="" muted></video>
</div> </div>
<div class="play-speed-content"> <div class="play-speed-content">
...@@ -123,16 +126,14 @@ ...@@ -123,16 +126,14 @@
</div> </div>
</div> </div>
<div class="hello-container"> <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>
<div id="result"> <div id="result">
<div class="score"> <div class="score">
<div class="medal"> <div class="medal">
<img id="medal" src="../lib/images/excellent.png" style="width: 100%;"> <img id="medal" src="../lib/images/excellent.png" style="width: 100%;">
<div id="score" class="val"> <div id="score" class="val"></div>
90
</div>
</div> </div>
<span class="tips">Great!</span> <span class="tips">Great!</span>
<div class='sub-score'> <div class='sub-score'>
...@@ -140,15 +141,15 @@ ...@@ -140,15 +141,15 @@
<tr class="thead"> <tr class="thead">
<td style="width: 33%;"> <td style="width: 33%;">
完整度<br> 完整度<br>
<span id='complete' class="sub-score__text">80</span> <span id='complete' class="sub-score__text"></span>
</td> </td>
<td style="width: 33%;"> <td style="width: 33%;">
流利度<br> 流利度<br>
<span id='fluent' class="sub-score__text">80</span> <span id='fluent' class="sub-score__text"></span>
</td> </td>
<td style="width: 33%;"> <td style="width: 33%;">
语法<br> 语法<br>
<span id='grammar' class="sub-score__text">60</span> <span id='grammar' class="sub-score__text"></span>
</td> </td>
</tr> </tr>
</table> </table>
......
...@@ -494,6 +494,8 @@ function bindRecorderBtn() { ...@@ -494,6 +494,8 @@ function bindRecorderBtn() {
$(".recorder-play-icon").on('click touchend', function () { $(".recorder-play-icon").on('click touchend', function () {
$(".video-cover").hide();
playAudio('click', true); playAudio('click', true);
if (stuUserAspect.firstClickRecorder) { 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