Commit 856618f1 authored by asdf's avatar asdf

表单调整

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