Commit dba868c7 authored by liujiangnan's avatar liujiangnan

修改分辨率

parent d9d7b4d1
<div class="content"> <div class="body-bg"></div>
<div class="monkey-move"> <div class="player-border">
<div class="tree"> <div class="content">
<div> <div class="monkey-move">
<div class="trunk"></div> <div class="tree">
</div> <div>
<div class="leaves" #leavesNode> <div class="trunk"></div>
<div class="leaf" *ngFor="let le of otherwordnum" > </div>
<img [class]="le.rigof ? 'on':'off'" src="assets/spelling/leaves.png" alt=""> <div class="leaves" #leavesNode>
<div class="leaf" *ngFor="let le of otherwordnum" >
<img [class]="le.rigof ? 'on':'off'" src="assets/spelling/leaves.png" alt="">
</div>
</div>
<div class="mo" #monkey>
<div class="monkey"><img src="assets/spelling/monkey.png" alt=""></div>
</div> </div>
</div> </div>
<div class="mo" #monkey> <div class="house">
<div class="monkey"><img src="assets/spelling/monkey.png" alt=""></div> <img src="assets/spelling/house.png" alt="">
</div> </div>
</div> </div>
<div class="house">
<img src="assets/spelling/house.png" alt=""> <div class="spelling" *ngIf="words.length !== 0">
</div> <div class="word">
</div> <div *ngFor="let ss of wordnum;let b = index">
<div *ngFor="let it of words; let i = index"
<div class="spelling" *ngIf="words.length !== 0"> [class]="b!==num? 'disappear':''">
<div class="word"> <div *ngIf="it.selected"
<div *ngFor="let ss of wordnum;let b = index"> [class]="!it.text ? 'blank' : (it.text === it.value ? 'blank proper' : 'blank mistake')"
<div *ngFor="let it of words; let i = index" (click)="onHandleChoose(i)">
[class]="b!==num? 'disappear':''"> <p>{{it.text}}</p>
<div *ngIf="it.selected" </div>
[class]="!it.text ? 'blank' : (it.text === it.value ? 'blank proper' : 'blank mistake')" <div *ngIf="!it.selected">
(click)="onHandleChoose(i)"> <p>{{it.value}}</p>
<p>{{it.text}}</p> </div>
</div>
<div *ngIf="!it.selected">
<p>{{it.value}}</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="img-key" *ngIf="words.length !== 0">
<div class="img-key" *ngIf="words.length !== 0"> <div class="img-audio k-16-9">
<div class="img-audio k-16-9"> <div class="k-full-fill">
<div class="k-full-fill"> <img (click)="playSpellingAudio()" [src]="wordnum[num].pic_id" alt=""
<img (click)="playSpellingAudio()" [src]="wordnum[num].pic_id" alt="" (dragstart)="false;$event.preventDefault();">
(dragstart)="false;$event.preventDefault();"> </div>
</div> </div>
</div> <div class="word">
<div class="word"> <div *ngFor="let item of letter;" (click)="add(item)">
<div *ngFor="let item of letter;" (click)="add(item)"> <p>{{item}}</p>
<p>{{item}}</p> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
\ No newline at end of file
.body-bg {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-image: url('../../assets/player-bg.jpg') !important;
}
.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: 11px;
border: 20px solid #23b1c2;
background-color: #fff;
overflow: hidden;
color: #303133;
transition: .3s;
}
.content { .content {
text-align: center; text-align: center;
width: 100%; width: 100%;
......
...@@ -81,6 +81,8 @@ export class PlayComponent implements OnInit, OnDestroy, OnChanges, AfterViewIni ...@@ -81,6 +81,8 @@ export class PlayComponent implements OnInit, OnDestroy, OnChanges, AfterViewIni
}, 500); }, 500);
}, this.saveKey); }, this.saveKey);
this.refresh();
} }
ngOnDestroy() { ngOnDestroy() {
......
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