Commit 1a39095c authored by 范雪寒's avatar 范雪寒

feat: 修改图片与文字框位置以及图片大小

parent 2b5f72de
This diff is collapsed.
<div class="body-bg"></div> <div class="body-bg"></div>
<div class="player-border"> <div class="player-border">
<div class="question-container"> <div class="question-container">
<div class="img-bar" nz-row nzType="flex" nzJustify="space-around"> <div class="img-bar" nzType="flex" nzJustify="space-around">
<div <div
class="img-wrap tip-border" class="img-wrap tip-border"
*ngFor="let item of _data" *ngFor="let item of _data"
nz-col
nzSpan="6"
[@tip-border]="item.state || 'none'" [@tip-border]="item.state || 'none'"
(click)="handleTap($event, item);$event.preventDefault()" (click)="handleTap($event, item);$event.preventDefault()"
> >
......
...@@ -42,17 +42,18 @@ $my_width: percentage(4/12); ...@@ -42,17 +42,18 @@ $my_width: percentage(4/12);
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 100%; width: 90%;
height: 65%;
.img-wrap { .img-wrap {
margin: 1rem; margin: 0.5rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: #ffffff; background: #ffffff;
position: relative; position: relative;
padding-bottom: 17%; padding-right: 31.5%;
height: 0; padding-bottom: 23%;
overflow: hidden; overflow: hidden;
border: 0.8rem solid #fff; border: 0.8rem solid #fff;
border-radius: 1rem; border-radius: 1rem;
......
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