From 12b04f145bae740e1971036b1e2dfc1bc224d17b Mon Sep 17 00:00:00 2001
From: fengxiang <110431245@qq.com>
Date: Wed, 11 Jul 2018 14:38:47 +0800
Subject: [PATCH] Revert "框架调整"
---
src/app/routes/delon/qr/qr.component.html | 76 ++++++++++++++++++++++++++++++++++++++
1 files changed, 76 insertions(+), 0 deletions(-)
diff --git a/src/app/routes/delon/qr/qr.component.html b/src/app/routes/delon/qr/qr.component.html
new file mode 100644
index 0000000..4fd22d9
--- /dev/null
+++ b/src/app/routes/delon/qr/qr.component.html
@@ -0,0 +1,76 @@
+<div class="content__title">
+ <h1>���������
+ <a href="//ng-alain.com/components/qr" target="_blank">Document</a>
+ </h1>
+</div>
+<nz-card>
+ <nz-row [nzGutter]="24">
+ <nz-col [nzSpan]="8" class="text-center">
+ <qr [value]="value" [background]="background" [backgroundAlpha]="backgroundAlpha" [foreground]="foreground" [foregroundAlpha]="foregroundAlpha"
+ [level]="level" [mime]="mime" [padding]="padding" [size]="size" style="border:1px solid #999"></qr>
+ </nz-col>
+ <nz-col [nzSpan]="16">
+ <form nz-form>
+ <nz-form-item>
+ <nz-form-label [nzSpan]="8">������</nz-form-label>
+ <nz-form-control [nzSpan]="16">
+ <nz-input-group>
+ <div nz-col nzSpan="12">
+ <input nz-input type="color" [(ngModel)]="background" [ngModelOptions]="{standalone: true}">
+ </div>
+ <div nz-col nzSpan="12">
+ <nz-input-number [(ngModel)]="backgroundAlpha" [nzMin]="0" [nzMax]="1" [nzStep]="0.1" [ngModelOptions]="{standalone: true}"></nz-input-number>
+ </div>
+ </nz-input-group>
+ </nz-form-control>
+ </nz-form-item>
+ <nz-form-item>
+ <nz-form-label [nzSpan]="8">������</nz-form-label>
+ <nz-form-control [nzSpan]="16">
+ <nz-input-group>
+ <div nz-col nzSpan="12">
+ <input nz-input type="color" [(ngModel)]="foreground" [ngModelOptions]="{standalone: true}">
+ </div>
+ <div nz-col nzSpan="12">
+ <nz-input-number [(ngModel)]="foregroundAlpha" [nzMin]="0" [nzMax]="1" [nzStep]="0.1" [ngModelOptions]="{standalone: true}"></nz-input-number>
+ </div>
+ </nz-input-group>
+ </nz-form-control>
+ </nz-form-item>
+ <nz-form-item>
+ <nz-form-label [nzSpan]="8">������</nz-form-label>
+ <nz-form-control [nzSpan]="16">
+ <nz-select [(ngModel)]="level" [ngModelOptions]="{standalone: true}">
+ <nz-option nzValue="L" nzLabel="L"></nz-option>
+ <nz-option nzValue="M" nzLabel="M"></nz-option>
+ <nz-option nzValue="Q" nzLabel="Q"></nz-option>
+ <nz-option nzValue="H" nzLabel="H"></nz-option>
+ </nz-select>
+ </nz-form-control>
+ </nz-form-item>
+ <nz-form-item>
+ <nz-form-label [nzSpan]="8">Mime</nz-form-label>
+ <nz-form-control [nzSpan]="16">
+ <nz-select [(ngModel)]="mime" [ngModelOptions]="{standalone: true}">
+ <nz-option nzValue="image/png" nzLabel="image/png"></nz-option>
+ <nz-option nzValue="image/jpeg" nzLabel="image/jpeg"></nz-option>
+ <nz-option nzValue="image/gif" nzLabel="image/gif"></nz-option>
+ </nz-select>
+ </nz-form-control>
+ </nz-form-item>
+ <nz-form-item>
+ <nz-form-label [nzSpan]="8">���������</nz-form-label>
+ <nz-form-control [nzSpan]="16">
+ <nz-input-number [(ngModel)]="padding" [ngModelOptions]="{standalone: true}" [nzMin]="0" [nzMax]="100"></nz-input-number>px
+ </nz-form-control>
+ </nz-form-item>
+ <nz-form-item>
+ <nz-form-label [nzSpan]="8">������</nz-form-label>
+ <nz-form-control [nzSpan]="16">
+ <nz-input-number [(ngModel)]="size" [ngModelOptions]="{standalone: true}" [nzMin]="100" [nzMax]="1000" [nzStep]="padding"></nz-input-number>px
+ </nz-form-control>
+ </nz-form-item>
+ </form>
+ </nz-col>
+ </nz-row>
+</nz-card>
--
Gitblit v1.8.0