Commit dcf4883a authored by liujiangnan's avatar liujiangnan

feat: 调整样式

parent 26753b31
<div class="question-container">
<div class="player-border">
<div class="question-container">
<div class="img-bar" nz-row nzType="flex" nzJustify="space-around"> <div class="img-bar" nz-row nzType="flex" nzJustify="space-around">
<div <div
class="img-wrap tip-border" class="img-wrap tip-border"
...@@ -27,4 +29,6 @@ ...@@ -27,4 +29,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
$my_width: percentage(4/12); $my_width: percentage(4/12);
.player-border{
position: absolute;
left: calc((100% - 100vh * 1.36)/ 2);
top: 5vh;
right: calc((100% - 100vh * 1.36)/ 2);
bottom: 5vh;
text-align: center;
box-shadow: 0 2px 12px 0 rgba(0,0,0,.3);
border-radius: 4px;
border: 1px solid #ebeef5;
background-color: #fff;
overflow: hidden;
color: #303133;
transition: .3s;
}
.question-container { .question-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -8,7 +25,7 @@ $my_width: percentage(4/12); ...@@ -8,7 +25,7 @@ $my_width: percentage(4/12);
padding-top: 1rem; padding-top: 1rem;
background: url("./assets/listen_choose_bg.jpg"); background: url("./assets/listen_choose_bg.jpg");
background-position: center; background-position: center;
background-size: cover; background-size: 105% 114%;
background-repeat: no-repeat; background-repeat: no-repeat;
.img-bar { .img-bar {
......
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