Commit ee6819bb authored by liujiaxin's avatar liujiaxin

Merge remote-tracking branch 'origin/master'

parents fc92f063 b0112cab
<div class="player-reading" #readingContainer>
<div class="imgDetailBox"
(click)="closeDetailView($event)"
[style.display]="partDetailVisible? 'block' : 'none'">
<div class="detail-preview-box" [ngStyle]="partViewDetailCss" >
<img [src]="data.contentObj.pic_id | resource" [ngStyle]="partViewImgDetailCss">
<div class="body-bg"></div>
<div class="player-border">
<div class="player-reading" #readingContainer>
<div class="imgDetailBox"
(click)="closeDetailView($event)"
[style.display]="partDetailVisible? 'block' : 'none'">
<div class="detail-preview-box" [ngStyle]="partViewDetailCss" >
<img [src]="data.contentObj.pic_id | resource" [ngStyle]="partViewImgDetailCss">
</div>
</div>
</div>
<div class="fill">
<div class="row fill" style="margin: 0 6vh;padding-top:3vh;padding-bottom: 3vh;">
<div class="col-6">
<div class="bar">
<div class="parts-wrap">
<div class="parts" #previewParts>
<div class="row" *ngFor="let part of parts;let i = index">
<div class="col-6 word-wrap" [style.color]="part.color">
<span class="word " [style.color]="part.color">
{{part.word}}
</span>
</div>
<div class="col-6">
<div class="part-pic-box-border" (click)="highlightSelect(i)" [style.borderColor]="part.color">
<div class="part-pic-box" [ngStyle]="part.previewCss">
<img [src]="data.contentObj.pic_id | resource" [ngStyle]="part.imgCss">
<div class="fill">
<div class="row fill" style="margin: 0 6vh;padding-top:3vh;padding-bottom: 3vh;">
<div class="col-6">
<div class="bar">
<div class="parts-wrap">
<div class="parts" #previewParts>
<div class="row" *ngFor="let part of parts;let i = index">
<div class="col-6 word-wrap" [style.color]="part.color">
<span class="word " [style.color]="part.color">
{{part.word}}
</span>
</div>
<div class="col-6">
<div class="part-pic-box-border" (click)="highlightSelect(i)" [style.borderColor]="part.color">
<div class="part-pic-box" [ngStyle]="part.previewCss">
<img [src]="data.contentObj.pic_id | resource" [ngStyle]="part.imgCss">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6" style="display: flex;justify-content: center;align-items: center;">
<div class="pic-preview" [ngStyle]="previewContainerCss" #previewContainer>
<img [src]="data.contentObj.pic_id | resource" alt="">
<div class="highlight" #highlightBox>
<div class="t-b"></div>
<div class="r-b"></div>
<div class="b-b"></div>
<div class="l-b"></div>
<div class="col-6" style="display: flex;justify-content: center;align-items: center;">
<div class="pic-preview" [ngStyle]="previewContainerCss" #previewContainer>
<img [src]="data.contentObj.pic_id | resource" alt="">
<div class="highlight" #highlightBox>
<div class="t-b"></div>
<div class="r-b"></div>
<div class="b-b"></div>
<div class="l-b"></div>
</div>
</div>
</div>
</div>
......
.body-bg {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-image: url('../../assets/player-bg.png') !important;
background-size: 100%;
}
.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;
}
.player-reading{
background: url("../../assets/reading/bg_reading.png") 50% 50% no-repeat;
width: 100%;
......
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