Commit a1bc9077 authored by Chen Jiping's avatar Chen Jiping

feat:修改样式

parent 2ff48c9d
......@@ -157,7 +157,7 @@ body {
width: 100%;
overflow: hidden;
background-color: #ebe0c0;
border-radius: 0.15rem;
border-radius: 0.0rem;
}
.my-progress-bar{
......@@ -196,7 +196,7 @@ body {
width: 2.8rem;
height: 2.8rem;
display: none;
animation: talking 3s infinite;
animation: talking 1.5s infinite;
}
@keyframes talking {
......@@ -438,7 +438,7 @@ body {
.clip{
position: absolute;
width: 50%;
top: -10%;
top: -10.5%;
left: 25%;
}
......@@ -474,7 +474,7 @@ body {
.my-btn2{
border-radius: 0.2rem;
background-color: #f1e4c2;
width: 4.2rem;
width: 3.6rem;
height: 0.8rem;
font-family: Aileron-Black;
font-size: 0.4rem;
......@@ -487,7 +487,7 @@ body {
color: #3e9e33;
cursor: pointer;
box-shadow: 0rem 0.04rem 0.12rem 0.04rem #0a6500;
margin-left: 15%;
margin-left: 21%;
}
.submit-press {
......@@ -495,7 +495,7 @@ body {
}
@keyframes submit-press {
100% { box-shadow: 0px 0px 0px 0px #0a6500; transform: scale(.99, .99); }
100% { box-shadow: 0rem -0.02rem 0.10rem 0.03rem #0a6500; transform: scale(.99, .99); transform: translateY(10%);}
}
.loading-text{
......@@ -676,9 +676,11 @@ body {
font-style: normal;
line-height: normal;
letter-spacing: normal;
padding-left: 4rem;
padding-right: 4rem;
color: #ffffff;
background-color: #2c8a1e;
border-radius: 0.3rem;
border-radius: 0.4rem;
}
.err-grammar-number {
......@@ -705,4 +707,22 @@ body {
text-align: center;
font-family: Aileron-Bold;
transform: translate(-0.1rem, -0.05rem);
}
.robot{
position: absolute;
width: 226px;
height: 380px;
background: url(../lib/images/robot.png) no-repeat;
background-position: 0px 0px;
z-index: 400;
bottom: 0.3rem;
left: 0.3rem;
animation: robot 1.5s steps(30) infinite;
}
@keyframes robot{
0% {background-position-x: 0px; background-position-y: 0px;}
100% {background-position-x: -6780px; background-position-y: 0px;}
}
\ No newline at end of file
......@@ -159,9 +159,12 @@
<div class="hr"></div>
<div id="evaluation"></div>
</div>
<div class="robot">
</div>
</div>
</div>
</div>
......@@ -170,8 +173,7 @@
<div class="modal-content" style="border-radius: 0.5rem;background-color: #3e9e33">
<div class="modal-body" style="padding: 0px;">
<div class="dialog-submit">
<span class="submit">Submit</span>
<img src="../lib/images/clip.png" class="clip">
<img src="../lib/images/submit.png" class="clip">
<table style="width: 100%; height: 50%; position: absolute; top: 30%;">
<tr>
<td colspan="2">
......
......@@ -513,16 +513,9 @@ function bindRecorderBtn() {
$("#backBtn").hide();
$(".back-tips").hide();
$("#ani").show();
//获取临时进度条的进度
let tempProgressValue = $("#tempProgressbar").attr("data-value");
let progressValue = $("#progressbar").attr("data-value");
let newValue = (parseFloat(progressValue) + parseFloat(tempProgressValue)) * $("#video")[0].duration / 100;
console.log(tempProgressValue, progressValue, newValue);
//绘制滚动条
drawProgress($("#progressbar"), newValue , $("#video")[0].duration);
drawProgress($("#progressbar"), $("#video")[0].currentTime , $("#video")[0].duration);
drawProgress($("#tempProgressbar"), 0, $("#video")[0].duration);
......
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