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

fix:调整样式

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