Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
D
dg_book_voice
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
template admin
dg_book_voice
Commits
5eed1804
Commit
5eed1804
authored
Jan 13, 2024
by
Tt
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
页面基础整理
parent
52b34db5
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
36 additions
and
103 deletions
+36
-103
form.component.html
form/src/app/form/form.component.html
+24
-32
form.component.ts
form/src/app/form/form.component.ts
+12
-71
No files found.
form/src/app/form/form.component.html
View file @
5eed1804
...
...
@@ -15,7 +15,6 @@
color
:
#000
;
font-size
:
18px
;
min-width
:
70px
;
/* margin-right: 10px; */
}
.option-content
{
...
...
@@ -73,20 +72,15 @@
}
</style>
<div
class=
"model-content"
>
<div
style=
"
margin: 20px;width: 140
0px;"
>
<div
style=
"
margin: 2
0px;"
>
<div
*
ngFor=
"let question of item.questions; let i = index"
>
<div
style=
"display: flex;margin-top: 20px;"
>
<div
class=
"border-solid"
style=
"min-width: 1000px;"
>
<div
style=
"display: flex;margin-top: 20px;"
>
<!-- 左右布局 开始 -->
<div
class=
"border-solid"
style=
"min-width: 1000px;"
>
<!-- 内容框体 开始 -->
<div
class=
"word-type-title"
>
题目
{{i+1}}
单页
{{i+1}}
</div>
<div
style=
"display: flex;margin-top: 20px;"
>
<div
class=
"border-dashed"
style=
"min-width: 700px;"
>
<!-- <div class="option-audio">
<!-- <div class="option-audio">
<div class="word-input-title">
题目音频:
</div>
...
...
@@ -112,22 +106,18 @@
(blur)="save()">
</div> -->
<div
class=
"border-dashed"
style=
"margin: 20px;width: 1000px;"
>
<h2>
热区配置:
</h2>
<app-custom-hot-zone
[
bgItem
]="
question
.
bgItem
"
[
hotZoneItemArr
]="
question
.
hotZoneItemArr
"
[
customTypeGroupArr
]="
customTypeGroupArr
"
(
save
)="
saveHotZone
(
question
,
$
event
)"
>
</app-custom-hot-zone>
</div>
<div
style=
"margin-top: 20px;width: 1200px;"
>
<app-custom-hot-zone
[
bgItem
]="
question
.
bgItem
"
[
hotZoneItemArr
]="
question
.
hotZoneItemArr
"
[
customTypeGroupArr
]="
customTypeGroupArr
"
(
save
)="
saveHotZone
(
question
,
$
event
)"
>
</app-custom-hot-zone>
</div>
</div>
<!-- <div style="margin-left: 15px;">
<button class="btn-red" nz-button nzType="default" nzDanger (click)="removeOption(i,j)">删除选项</button>
</div> -->
</div>
</div>
<!-- 内容框体 结束 -->
</div>
<div
style=
"margin:0 20px"
>
<div
name=
"删除-复制题目"
style=
"margin:0 20px"
>
<!-- 删除复制题目 开始 -->
<div>
<button
class=
"btn-red"
nz-button
nzType=
"default"
nzDanger
(
click
)="
removeQuestion
(
i
)"
>
删除题目
</button>
</div>
...
...
@@ -135,14 +125,16 @@
<button
class=
"btn-blue"
style=
"margin-top: 10px;"
nz-button
nzType=
"default"
nzDanger
(
click
)="
copyQuestion
(
i
)"
>
复制题目
</button>
</div>
</div>
</div>
</div>
<div
style=
"margin-top: 20px;"
>
<button
class=
"btn-blue"
style=
"width: 1000px; height: 50px;"
nz-button
nzType=
"default"
nzDanger
(
click
)="
addQuestion
()"
>
+增加题目
</button>
</div>
</div>
<!-- 删除复制题目 结束 -->
</div>
<!-- 左右布局 结束 -->
</div>
<!-- ngFor 结束 -->
<div
style=
"margin-top: 20px;"
>
<!-- 增加题目 开始 -->
<button
class=
"btn-blue"
style=
"width: 1240px; height: 50px;"
nz-button
nzType=
"default"
nzDanger
(
click
)="
addQuestion
()"
>
+增加单页
</button>
</div>
<!-- 增加题目 结束 -->
</div>
<nz-modal
[(
nzVisible
)]="
isVisible
"
[
nzTitle
]="
null
"
[
nzContent
]="
modalContent
"
[
nzFooter
]="
modalFooter
"
...
...
form/src/app/form/form.component.ts
View file @
5eed1804
...
...
@@ -12,85 +12,26 @@ export class FormComponent extends ComponentBase implements OnInit, OnChanges, O
// 储存数据用
saveKey
=
"
dg04_dyxx
"
;
// 1.猫动画可替换。
// 2.文本内容可替换。//字体随内容缩小。
// 3.语音替换。
// 4.背景可替换
// 5.3~10选项内容。
// 6.配置对应的坐标。
/*
整体配置部分解析
1.竖版 每一个画面 一页内容 测评多个内容
单页xN
--热区x1 热区内容为音频播放 (游戏内可点击阅读对应点位)
--单词卡xN 单词内容,单词音频 (游戏内测评卡,提示音,录音)
2.横版 每一个页面 两页内容 测评多个内容 冲突点,单词卡是跟着什么在走, 每两页显示一组 还是 每页都一组
*/
customTypeGroupArr
=
[
// {
// name: '发音动画',
// rect: true,
// animaSmall: true,
// audio: true,
// },
// {
// name: '发音图片',
// pic: true,
// audio: true,
// },
customTypeGroupArr
=
[
{
name
:
'
发音区块
'
,
rect
:
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
=
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment