Commit 855b5f77 authored by Chen Jiping's avatar Chen Jiping

fix:调整样式

parent 4136db38
......@@ -435,21 +435,21 @@ body {
.dialog-submit{
position: relative;
width: 100%;
height: 10rem;
height: 4.0rem;
text-align: center;
}
.clip{
position: absolute;
width: 70%;
width: 50%;
top: -10%;
left: 14%;
left: 25%;
}
.submit {
position: absolute;
font-family: Aileron-Black;
font-size: 1.2rem;
font-size: 0.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
......@@ -457,13 +457,14 @@ body {
letter-spacing: normal;
text-align: center;
color: #ffffff;
left: 38%;
left: 43%;
z-index: 1;
}
.warning{
font-family: Aileron-Bold;
font-weight: 600;
font-size: 0.5rem;
font-stretch: normal;
font-style: normal;
line-height: normal;
......@@ -474,22 +475,22 @@ body {
}
.my-btn2{
border-radius: 0.7rem;
border-radius: 0.2rem;
background-color: #f1e4c2;
width: 7.0rem;
height: 1.6rem;
width: 4.2rem;
height: 0.8rem;
font-family: Aileron-Black;
font-size: 0.8rem;
font-size: 0.4rem;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.65rem;
line-height: 0.9rem;
letter-spacing: normal;
text-align: center;
color: #3e9e33;
cursor: pointer;
box-shadow: 0px 5px 12px 5px #0a6500;
margin-left: 19%;
margin-left: 15%;
}
.submit-press {
......@@ -546,14 +547,14 @@ body {
.score .medal{
position: absolute;
top: 6%;
margin-left: -1.85rem;
margin-left: -0.9rem;
height: 45%;
}
.score .val{
object-fit: contain;
font-family: Aileron-Bold;
font-size: 1.5rem;
font-size: 0.85rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
......@@ -562,14 +563,14 @@ body {
text-align: center;
color: #ffffff;
position: absolute;
margin-left: -0.95rem;
margin-top: 2.1rem;
margin-left: -0.55rem;
margin-top: 0.9rem;
}
.score .tips{
object-fit: contain;
font-family: Aileron-Bold;
font-size: 64px;
font-size: 0.8rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
......@@ -579,6 +580,18 @@ body {
color: #2890bc;
}
.excellent{
color: #CC296B;
}
.great{
color: #2890bc;
}
.nicetry{
color: #b17d5a;
}
.score .sub-score{
width: 60%;
height: 18%;
......@@ -591,7 +604,7 @@ body {
.sub-score .thead{
object-fit: contain;
font-family: Aileron-Bold;
font-size: 0.5rem;
font-size: 0.3rem;
font-weight: 600;
font-stretch: normal;
font-style: normal;
......@@ -604,7 +617,7 @@ body {
.sub-score .tbody{
object-fit: contain;
font-family: Aileron-Bold;
font-size: 0.5rem;
font-size: 0.35rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
......@@ -628,12 +641,12 @@ body {
height: 40%;
overflow-x: inherit;
overflow-y: auto;
margin-top: 1.0rem;
margin-top: 0.65rem;
text-align: left;
padding: 10px 90px;
padding: 0.1rem 0.8rem;
object-fit: contain;
font-family: Arial;
font-size: 0.7rem;
font-size: 0.5rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
......@@ -657,16 +670,16 @@ body {
#evaluation{
width: 90%;
height: 32%;
height: 30%;
overflow-x: inherit;
overflow-y: auto;
margin-top: 1rem;
margin-top: 0.5rem;
text-align: left;
padding: 0.2rem 0.8rem;
margin-left: 5%;
object-fit: contain;
font-family: DroidSansFallback;
font-size: 0.6rem;
font-size: 0.5rem;
font-weight: 600;
font-stretch: normal;
font-style: normal;
......
......@@ -134,7 +134,7 @@
<div class="score">
<img src="../lib/images/excellent.png" class="medal">
<span id="score" class="val">90</span>
<h1 style="margin-top: 4.4rem;margin-bottom: 0.05rem;"><span class="tips">Great!</span></h1>
<h1 style="margin-top: 2.2rem;margin-bottom: 0.05rem;"><span class="tips">Great!</span></h1>
<div class='sub-score'>
<table style="width: 100%; height: 100%; position: relative;">
<tr class="thead">
......@@ -172,7 +172,7 @@
<div class="dialog-submit">
<span class="submit">Submit</span>
<img src="../lib/images/clip.png" class="clip">
<table style="width: 100%; height: 60%; position: absolute; top: 30%;">
<table style="width: 100%; height: 50%; position: absolute; top: 30%;">
<tr>
<td colspan="2">
<h1 class="warning">本题只能提交一次,确定交卷吗?</h1>
......
......@@ -297,8 +297,9 @@ class PlayView {
bindConfirmBtn();
$(".hello-container").show();
//$(".hello-container").show();
$("#submitBtn").show();
$("#exercise").show();
// 学生特定的页面
$("[role='stu']").show();
}
......@@ -838,16 +839,26 @@ function drawResult(data, text) {
let imgSrc = "";
let tips = "";
let fontColor ='';
if (score >= 80) {
imgSrc = "../lib/images/excellent.png";
tips = 'Excellent!'
fontColor = 'excellent';
}
else if (score >= 60) {
imgSrc = "../lib/images/great.png";
tips = 'Great!'
fontColor = 'great';
}
else {
imgSrc = "../lib/images/nicetry.png";
tips = 'Nice try!'
fontColor = 'nicetry';
}
$(".tips").empty().addClass(fontColor);
$(".medal").attr('src', imgSrc);
$("#score").empty().append(score);
$("#recorder-text").empty().append(text);
......
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