Commit 1552ded3 authored by 李维's avatar 李维

添加热区布局工具条

parent 8c8c9939
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
...@@ -89,7 +89,67 @@ h5 { ...@@ -89,7 +89,67 @@ h5 {
src: url("/assets/font/BRLNSR_1.TTF") ; src: url("/assets/font/BRLNSR_1.TTF") ;
} }
.hotzone-toolbox {
background-color: #EEEEEE;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
display: flex;
&.fix-top {
border-radius: 5px;
box-shadow: 0 2px 4px 0 #00000066;
}
.tool-item {
width: 130px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
&.right-btn {
position: absolute;
right: 10px;
}
.item-name {
width: 50px;
text-align: right;
}
.edit {
width: 80px;
}
}
.tool-items {
width: 500px;
display: flex;
justify-content: space-between;
align-items: center;
.icon-btn {
display: flex;
justify-content: center;
align-items: center;
width: 42px;
cursor: pointer;
.icon {
color: #515151;
}
}
.icon-btn:hover {
background-color: #ddd;
.icon {
color: blueviolet;
}
}
}
}
......
...@@ -64,7 +64,6 @@ ...@@ -64,7 +64,6 @@
<nz-option [nzValue]="SORT_WORDS" nzLabel="单词排序"></nz-option> <nz-option [nzValue]="SORT_WORDS" nzLabel="单词排序"></nz-option>
<nz-option [nzValue]="IMAGE_SELECT" nzLabel="图片选项" nzDisabled></nz-option> <nz-option [nzValue]="IMAGE_SELECT" nzLabel="图片选项" nzDisabled></nz-option>
<nz-option [nzValue]="PRONUNCIATION_ASSESSMENT" nzLabel="语音评测" nzDisabled></nz-option> <nz-option [nzValue]="PRONUNCIATION_ASSESSMENT" nzLabel="语音评测" nzDisabled></nz-option>
</nz-select> </nz-select>
<div *ngIf="it.hotZoneType != '' && it.hotZoneType != AUDIO_PLAY && it.hotZoneType != TEXTINPUT && it.hotZoneType != PRONUNCIATION_ASSESSMENT" style="padding: 10px 0 10px 150px;"> <div *ngIf="it.hotZoneType != '' && it.hotZoneType != AUDIO_PLAY && it.hotZoneType != TEXTINPUT && it.hotZoneType != PRONUNCIATION_ASSESSMENT" style="padding: 10px 0 10px 150px;">
<div style="margin-bottom: 16px;"> <div style="margin-bottom: 16px;">
......
...@@ -6,6 +6,7 @@ import { ...@@ -6,6 +6,7 @@ import {
OnChanges, OnChanges,
OnInit, OnInit,
Output, Output,
HostListener,
ApplicationRef, ApplicationRef,
ChangeDetectorRef, ChangeDetectorRef,
AfterViewInit AfterViewInit
...@@ -50,6 +51,8 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy, AfterViewIni ...@@ -50,6 +51,8 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy, AfterViewIni
CROSSWORD_PUZZLE = "9"; CROSSWORD_PUZZLE = "9";
SORT_WORDS = "10"; SORT_WORDS = "10";
constructor(private appRef: ApplicationRef, private changeDetectorRef: ChangeDetectorRef, private nzMessageService: NzMessageService, private modal: NzModalService) { constructor(private appRef: ApplicationRef, private changeDetectorRef: ChangeDetectorRef, private nzMessageService: NzMessageService, private modal: NzModalService) {
} }
......
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