Commit f2a80f22 authored by Chen Jiping's avatar Chen Jiping

fix:样式调整

parent af68b9e8
...@@ -338,6 +338,23 @@ body { ...@@ -338,6 +338,23 @@ body {
z-index: 1000; z-index: 1000;
} }
.jinmao-bottom {
position: absolute;
width: 100%;
height: 25%;
bottom: 0px;
background: url(../lib/images/bottom-white.png) no-repeat;
background-size: 100% 100%;
background-position-y: bottom;
}
.jinmao-logo {
position: absolute;
bottom: 14px;
right: 20px;
width: 20%;
}
.my-btn{ .my-btn{
border: solid 6px #b17d5a; border: solid 6px #b17d5a;
background: #e7cc97; background: #e7cc97;
...@@ -530,8 +547,8 @@ body { ...@@ -530,8 +547,8 @@ body {
.score .medal{ .score .medal{
position: absolute; position: absolute;
top: 6%; top: 6%;
left: 45.4%; left: 45%;
height: 45%; width: 10%;
} }
.score .val{ .score .val{
...@@ -546,8 +563,9 @@ body { ...@@ -546,8 +563,9 @@ body {
text-align: center; text-align: center;
color: #ffffff; color: #ffffff;
position: absolute; position: absolute;
left: 47.2%; left: 40%;
top: 0.9rem; top: 1rem;
width: 20%;
} }
.score .tips{ .score .tips{
...@@ -581,7 +599,7 @@ body { ...@@ -581,7 +599,7 @@ body {
background-color: #3e9b31; background-color: #3e9b31;
border-radius: 0.4rem; border-radius: 0.4rem;
left: 20%; left: 20%;
top: 3.2rem; top: 76%;
position: absolute; position: absolute;
} }
......
...@@ -124,13 +124,16 @@ ...@@ -124,13 +124,16 @@
</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 class="jinmao-bottom">
<img class="jinmao-logo" src="../lib/images/logo.png" alt="">
</div>
</div> </div>
<div id="result"> <div id="result">
<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="position: absolute; top: 1.8rem;left: 44%;"><span class="tips">Great!</span></h1> <h1 style="position: absolute; top: 1.8rem;left: 35%;width: 30%;"><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">
......
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