Commit 5eed1804 authored by Tt's avatar Tt

页面基础整理

parent 52b34db5
...@@ -15,7 +15,6 @@ ...@@ -15,7 +15,6 @@
color: #000; color: #000;
font-size: 18px; font-size: 18px;
min-width: 70px; min-width: 70px;
/* margin-right: 10px; */
} }
.option-content { .option-content {
...@@ -73,20 +72,15 @@ ...@@ -73,20 +72,15 @@
} }
</style> </style>
<div class="model-content"> <div class="model-content">
<div style=" margin: 20px;width: 1400px;"> <div style="margin: 20px;">
<div *ngFor="let question of item.questions; let i = index"> <div *ngFor="let question of item.questions; let i = index">
<div style="display: flex;margin-top: 20px;"> <div style="display: flex;margin-top: 20px;"><!-- 左右布局 开始 -->
<div class="border-solid" style="min-width: 1000px;"> <div class="border-solid" style="min-width: 1000px;"><!-- 内容框体 开始 -->
<div class="word-type-title"> <div class="word-type-title">
题目{{i+1}} 单页{{i+1}}
</div> </div>
<div style="display: flex;margin-top: 20px;"> <!-- <div class="option-audio">
<div class="border-dashed" style="min-width: 700px;">
<!-- <div class="option-audio">
<div class="word-input-title"> <div class="word-input-title">
题目音频: 题目音频:
</div> </div>
...@@ -112,22 +106,18 @@ ...@@ -112,22 +106,18 @@
(blur)="save()"> (blur)="save()">
</div> --> </div> -->
<div class="border-dashed" style="margin: 20px;width: 1000px;"> <div style="margin-top: 20px;width: 1200px;">
<h2>热区配置:</h2> <app-custom-hot-zone [bgItem]="question.bgItem" [hotZoneItemArr]="question.hotZoneItemArr"
<app-custom-hot-zone [bgItem]="question.bgItem" [hotZoneItemArr]="question.hotZoneItemArr" [customTypeGroupArr]="customTypeGroupArr" (save)="saveHotZone(question, $event)">
[customTypeGroupArr]="customTypeGroupArr" (save)="saveHotZone(question, $event)"> </app-custom-hot-zone>
</app-custom-hot-zone> </div>
</div>
</div>
<!-- <div style="margin-left: 15px;"> </div><!-- 内容框体 结束 -->
<button class="btn-red" nz-button nzType="default" nzDanger (click)="removeOption(i,j)">删除选项</button>
</div> -->
</div>
</div>
<div style="margin:0 20px">
<div name="删除-复制题目" style="margin:0 20px"><!-- 删除复制题目 开始 -->
<div> <div>
<button class="btn-red" nz-button nzType="default" nzDanger (click)="removeQuestion(i)">删除题目</button> <button class="btn-red" nz-button nzType="default" nzDanger (click)="removeQuestion(i)">删除题目</button>
</div> </div>
...@@ -135,14 +125,16 @@ ...@@ -135,14 +125,16 @@
<button class="btn-blue" style="margin-top: 10px;" nz-button nzType="default" nzDanger <button class="btn-blue" style="margin-top: 10px;" nz-button nzType="default" nzDanger
(click)="copyQuestion(i)">复制题目</button> (click)="copyQuestion(i)">复制题目</button>
</div> </div>
</div> </div><!-- 删除复制题目 结束 -->
</div>
</div> </div><!-- 左右布局 结束 -->
</div><!-- ngFor 结束 -->
<div style="margin-top: 20px;">
<button class="btn-blue" style="width: 1000px; height: 50px;" nz-button nzType="default" nzDanger <div style="margin-top: 20px;"><!-- 增加题目 开始 -->
(click)="addQuestion()">+增加题目</button> <button class="btn-blue" style="width: 1240px; height: 50px;" nz-button nzType="default" nzDanger
</div> (click)="addQuestion()">+增加单页</button>
</div><!-- 增加题目 结束 -->
</div> </div>
<nz-modal [(nzVisible)]="isVisible" [nzTitle]="null" [nzContent]="modalContent" [nzFooter]="modalFooter" <nz-modal [(nzVisible)]="isVisible" [nzTitle]="null" [nzContent]="modalContent" [nzFooter]="modalFooter"
......
...@@ -12,85 +12,26 @@ export class FormComponent extends ComponentBase implements OnInit, OnChanges, O ...@@ -12,85 +12,26 @@ export class FormComponent extends ComponentBase implements OnInit, OnChanges, O
// 储存数据用 // 储存数据用
saveKey = "dg04_dyxx"; saveKey = "dg04_dyxx";
// 1.猫动画可替换。 /*
// 2.文本内容可替换。//字体随内容缩小。 整体配置部分解析
// 3.语音替换。
// 4.背景可替换
// 5.3~10选项内容。
// 6.配置对应的坐标。
1.竖版 每一个画面 一页内容 测评多个内容
单页xN
--热区x1 热区内容为音频播放 (游戏内可点击阅读对应点位)
--单词卡xN 单词内容,单词音频 (游戏内测评卡,提示音,录音)
2.横版 每一个页面 两页内容 测评多个内容 冲突点,单词卡是跟着什么在走, 每两页显示一组 还是 每页都一组
*/
customTypeGroupArr = [
// { customTypeGroupArr = [
// name: '发音动画',
// rect: true,
// animaSmall: true,
// audio: true,
// },
// {
// name: '发音图片',
// pic: true,
// audio: true,
// },
{ {
name: '发音区块', name: '发音区块',
rect: true, rect: true,
audio: true, audio: true,
}, },
// {
// name: '变化文本',
// action: {
// type: 'text',
// option: [
// ['fontColor', '#000000'],
// ['fontSize', '100'],
// ['opacity', '0', '100']
// ]
// },
// },
// {
// name: '变化图片',
// action: {
// type: 'pic',
// option: [
// // ['scale', '1'],
// ['opacity', '0', '100']
// ]
// },
// },
// {
// name: '变化动画',
// action: {
// type: 'anima',
// option: [
// // ['scale', '1'],
// ['opacity', '0', '100']
// ]
// },
// },
// {
// name: '选项图片',
// drag: true,
// pic: true,
// // audio: true,
// },
// {
// name: '选项文本',
// drag: true,
// audio: true,
// action: {
// type: 'text',
// option: [
// ['fontColor', '#000000'],
// ['fontSize', '100'],
// ]
// },
// },
// {
// name: '拖拽结束区',
// rect: true,
// }
] ]
item = { item = {
......
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