Commit 856618f1 authored by asdf's avatar asdf

表单调整

parent cb5cb094
......@@ -130,6 +130,6 @@
},
"defaultProject": "ng-template-generator",
"cli": {
"analytics": false
"analytics": "3d51f778-6aa7-4f47-b516-68a1c3f16d24"
}
}
\ No newline at end of file
This diff is collapsed.
......@@ -26,11 +26,11 @@
"@fortawesome/free-solid-svg-icons": "^5.12.1",
"@tweenjs/tween.js": "~18.5.0",
"ali-oss": "^6.5.1",
"cnpm": "^6.1.1",
"compressing": "^1.5.0",
"ng-zorro-antd": "^8.5.2",
"rxjs": "~6.5.4",
"sass": "1.28.0",
"node-sass": "^4.0.0",
"rxjs": "~6.5.4",
"spark-md5": "^3.0.0",
"tslib": "^1.10.0",
"zone.js": "~0.10.2"
......
<div class="model-content">
<span style="margin-left: 5%;height: 30px; font-size: 18px;">标题音频:</span>
<div style="margin-left: 5%;">
<app-audio-recorder [audioUrl]="item.questionAudio" (audioUploaded)="onQuestionAudioUploadSuccess($event)">
</app-audio-recorder>
<div class="card-config">
<div class="card-item clearfix" style="padding: 0.5vw; width: 600px; ">
<div class="card-item-content border">
<span style="margin-left: 5%;height: 30px; font-size: 18px;">标题音频:</span>
<div style="margin-left: 5%;">
<app-audio-recorder [audioUrl]="item.questionAudio" (audioUploaded)="onQuestionAudioUploadSuccess($event)">
</app-audio-recorder>
</div>
<br>
<span style="margin-left: 5%;height: 30px; font-size: 18px;">标题文本:</span>
<br>
<input style="margin-left: 5%;width: 150px; " type="text" maxlength="" nz-input [(ngModel)]="item.questionText"
(blur)="save()">
<br>
</div>
</div>
</div>
<br>
<span style="margin-left: 5%;height: 30px; font-size: 18px;">标题文本:</span>
<br>
<input style="margin-left: 5%;width: 150px; " type="text" maxlength="" nz-input [(ngModel)]="item.questionText"
(blur)="save()">
<br>
<div *ngFor="let question of item.questionList; let i = index">
<div style="border-style: solid; border-width: 2px;width:100%">
<div style="margin-left: 5%; margin-bottom: 50px; padding-top: 20px; ">
<div style="height: 330px;width:100%;height:100%">
<span style="height: 30px; font-size: 18px;">第{{i + 1}}页题干:</span>
<div *ngFor="let option of question.optionList; let j = index">
<div style="margin-top: 20px; float: left; border-width: 1px; border-style: dotted;
padding: 20px; margin-right: 20px; width: 230px;">
<span style="height: 30px; font-size: 18px;">题干音频:</span>
<app-audio-recorder [audioUrl]="option.optionAudio" (audioUploaded)="onOptionUploadSuccess($event, i, j)">
</app-audio-recorder>
<br>
<span style="height: 30px; font-size: 18px;">题干文本:</span>
<input style="width: 150px; " type="text" maxlength="" nz-input [(ngModel)]="option.text" (blur)="save()">
<br>
<span style="height: 30px; font-size: 18px;">题干骨骼动画:</span>
<app-upload-dragon-bone [btnName]="[['配置骨骼动画']]" [animaNames]="[[['normal']]]"
[skeJsonData]=option.optionDragonBone.skeJsonData [texJsonData]=option.optionDragonBone.texJsonData
[texPngData]=option.optionDragonBone.texPngData (save)="saveAnima($event, option.optionDragonBone)"
(refreshEmitter)="refresh()">
</app-upload-dragon-bone>
<br>
<div class="card-config">
<div *ngFor="let question of item.questionList; let i = index" class="card-item clearfix"
style="padding: 0.5vw; width: 100%; ">
<div class="card-item-content border">
<span style="height: 30px; font-size: 18px;">第{{i + 1}}页题干:</span>
<br>
<div>
<nz-radio-group [(ngModel)]="question.rightOptionIdx">
<div [nzValue]="j" nz-radio (click)="radioClick(i, j)">
<span style="height: 30px; font-size: 18px;">正确选项</span>
</div>
</nz-radio-group>
</div>
<div *ngFor="let option of question.optionList; let j = index" class="section-content;text-align:center"
style="padding: 0.5vw; display: inline-block">
<div style="margin-top: 20px; float: left; border-width: 1px; border-style: dotted;
padding: 20px; margin-right: 20px; width: 230px;">
<span style="height: 30px; font-size: 18px;">题干音频:</span>
<app-audio-recorder [audioUrl]="option.optionAudio" (audioUploaded)="onOptionUploadSuccess($event, i, j)">
</app-audio-recorder>
<br>
<span style="height: 30px; font-size: 18px;">题干文本:</span>
<input style="width: 150px; " type="text" maxlength="" nz-input [(ngModel)]="option.text" (blur)="save()">
<br>
<span style="height: 30px; font-size: 18px;">题干骨骼动画:</span>
<app-upload-dragon-bone [btnName]="[['配置骨骼动画']]" [animaNames]="[[['normal']]]"
[skeJsonData]=option.optionDragonBone.skeJsonData [texJsonData]=option.optionDragonBone.texJsonData
[texPngData]=option.optionDragonBone.texPngData (save)="saveAnima($event, option.optionDragonBone)"
(refreshEmitter)="refresh()">
</app-upload-dragon-bone>
<br>
<button style="margin-top: 20px; width: 100%; height: 32px; color: red;" nz-button nzType="dashed"
class="add-btn" (click)="removeOption(i, j)">
删除选项
</button>
<div>
<nz-radio-group [(ngModel)]="question.rightOptionIdx">
<div [nzValue]="j" nz-radio (click)="radioClick(i, j)">
<span style="height: 30px; font-size: 18px;">正确选项</span>
</div>
</nz-radio-group>
</div>
<button style="margin-top: 20px; width: 100%; height: 32px; color: red;" nz-button nzType="dashed"
class="add-btn" (click)="removeOption(i, j)">
删除选项
</button>
</div>
<div *ngIf="(question.optionList.length < 7)">
<button style="margin-top: 20px; float: left; border-width: 1px;
</div>
<div *ngIf="(question.optionList.length < 7)" class="section-content;text-align:center"
style="padding: 0.5vw; display: inline-block">
<button style="margin-top: 20px; float: left; border-width: 1px;
border-style: dotted; padding: 20px; margin-right: 20px;
width: 230px; height: 343px;" nz-button nzType="dashed" class="add-btn" (click)="addOption(i)">
增加选项
</button>
</div>
增加选项
</button>
</div>
<br>
<div style="margin-top: 20px;">
<button style="margin-left: 5%; margin-top: 50px;margin-bottom: 8px; width: 100px; height: 32px;" nz-button
nzType="danger" (click)="removeQuestion(i)">
删除问题
</button>
<button style="margin-left: 5px; margin-top: 50px;margin-bottom: 8px; width: 100px; height: 32px; " nz-button
nzType="dashed" nzDanger class="add-btn" (click)="copyQuestion(i)">
复制问题
</button>
<button style="margin-left: 5px; margin-top: 50px;margin-bottom: 8px; width: 120px; height: 32px;" nz-button
nzType="dashed" nzDanger class="add-btn" (click)="pasteQuestion(i)">
粘贴到下一页
</button>
</div>
</div>
<br>
</div>
<br>
<div style="margin-top: 20px;">
<button style="margin-left: 5%; margin-top: 50px;margin-bottom: 8px; width: 100px; height: 32px;" nz-button
nzType="danger" (click)="removeQuestion(i)">
删除问题
</button>
<button style="margin-left: 5px; margin-top: 50px;margin-bottom: 8px; width: 100px; height: 32px; " nz-button
nzType="dashed" nzDanger class="add-btn" (click)="copyQuestion(i)">
复制问题
</button>
<button style="margin-left: 5px; margin-top: 50px;margin-bottom: 8px; width: 120px; height: 32px;" nz-button
nzType="dashed" nzDanger class="add-btn" (click)="pasteQuestion(i)">
粘贴到下一页
</button>
</div>
</div>
</div>
<button style="margin-left: 5%; margin-top: 8px; margin-bottom: 100px; height: 50px; width: 90%;" nz-button
......
......@@ -5,12 +5,12 @@ import { JsonPipe } from '@angular/common';
@Component({
selector: 'app-form',
templateUrl: './form.component.html',
styleUrls: ['./form.component.css']
styleUrls: ['./form.component.scss']
})
export class FormComponent implements OnInit, OnChanges, OnDestroy {
// 储存数据用
saveKey = "DataKey_Cocos_FT11";
saveKey = "DataKey_Cocos_FT12";
// 储存对象
item;
copyQuestionData;
......
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>NgOne</title>
<base href="/">
<!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<script type="text/javascript" src="https://staging-teach.cdn.ireadabc.com/h5template/h5-static-lib/js/air.js"></script>
</head>
<body>
<app-root></app-root>
</body>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8" />
<title>NgOne</title>
<base href="/" />
<style>
html, body{
width: 100%;
height: 100%;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<script type="text/javascript" src="https://staging-teach.cdn.ireadabc.com/h5template/h5-static-lib/js/air.js" ></script>
<!-- <script type="text/javascript" src="https://staging-teach.cdn.ireadabc.com/h5template/h5-static-lib/js/air_online.js"></script> -->
</head>
<body>
<app-root></app-root>
</body>
</html>
/* You can add global styles to this file, and also import other style files */
@import "~ng-zorro-antd/ng-zorro-antd.min.css";
\ No newline at end of file
const saveKey = "DataKey_Cocos_FT11";
const saveKey = "DataKey_Cocos_FT12";
const BaseUI = require('BaseUI');
import EventMgr from './EventMgr';
cc.Class({
......
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