Skip to content

Commit f0a3c0c

Browse files
ArgoZhangArgoZhang
committed
doc: 更新示例
1 parent ac787a2 commit f0a3c0c

File tree

2 files changed

+54
-242
lines changed

2 files changed

+54
-242
lines changed

‎src/BootstrapBlazor.Server/Components/Samples/BarcodeGenerators.razor‎

Lines changed: 5 additions & 106 deletions
Original file line numberDiff line numberDiff line change
@@ -6,113 +6,12 @@
66
<PackageTips Name="BootstrapBlazor.BarcodeGenerator" />
77

88
<DemoBlock Title="@Localizer["BarcodeGeneratorNormalText"]" Introduction="@Localizer["BarcodeGeneratorNormalIntro"]" Name="Normal">
9-
<div class="col-12" style="text-align: center; vertical-align: middle;">
10-
<BarCodeGenerator Value="@value" Options="Options" OnResult="OnResult" />
11-
</div>
12-
<GroupBox Title="@Localizer["BarcodeGeneratorGroupBoxText"]">
13-
<div class="row form-inline g-3">
14-
<div class="col-12 col-sm-6 col-lg-4">
15-
<BootstrapInput @bind-Value="value" ShowLabel="true" UseInputEvent="true" />
16-
</div>
17-
<div class="col-12 col-sm-6 col-lg-4">
18-
<Select @bind-Value="Options.Type" OnValueChanged="OnValueChanged" ShowLabel="true" />
19-
</div>
20-
<div class="col-12 col-sm-6 col-lg-4">
21-
<Slider @bind-Value="Options.Width" Min="1" Max="6" ShowLabel="true" />
22-
</div>
23-
<div class="col-12 col-sm-6 col-lg-4">
24-
<Slider @bind-Value="Options.Height" Min="10" Max="300" Step="5" ShowLabel="true" />
25-
</div>
26-
<div class="col-12 col-sm-6 col-lg-4">
27-
<Slider @bind-Value="Options.Margin" Min="-30" Max="100" ShowLabel="true" />
28-
</div>
29-
<div class="col-12 col-sm-6 col-lg-4">
30-
<Switch @bind-Value="Options.Flat" ShowLabel="true" />
31-
</div>
32-
<div class="col-12 col-sm-6 col-lg-4">
33-
<ColorPicker @bind-Value="Options.Background" ShowLabel="true" />
34-
</div>
35-
<div class="col-12 col-sm-6 col-lg-4">
36-
<ColorPicker @bind-Value="Options.LineColor" ShowLabel="true" />
37-
</div>
38-
<div class="col-12 col-sm-6 col-lg-4">
39-
<Switch @bind-Value="Options.DisplayValue" ShowLabel="true" />
40-
</div>
41-
<div class="col-12 col-sm-6 col-lg-4">
42-
<BootstrapInput ShowLabel="true" @bind-Value="Options.Text" UseInputEvent="true" />
43-
</div>
44-
<div class="col-12 col-sm-6 col-lg-4">
45-
<Select @bind-Value="Options.TextAlign" ShowLabel="true" />
46-
</div>
47-
<div class="col-12 col-sm-6 col-lg-4">
48-
<Select @bind-Value="Options.TextPosition" ShowLabel="true" />
49-
</div>
50-
<div class="col-12 col-sm-6 col-lg-4">
51-
<Select @bind-Value="Options.Font" ShowLabel="true" />
52-
</div>
53-
<div class="col-12 col-sm-6 col-lg-4">
54-
<Select @bind-Value="Options.FontOptions" ShowLabel="true" />
55-
</div>
56-
<div class="col-12 col-sm-6 col-lg-4">
57-
<Slider @bind-Value="Options.FontSize" Min="8" Max="52" ShowLabel="true" />
58-
</div>
59-
<div class="col-12 col-sm-6 col-lg-4">
60-
<Slider @bind-Value="Options.TextMargin" Min="-30" Max="100" ShowLabel="true" />
61-
</div>
62-
<div class="col-12">
63-
<Textarea Value="@svg" DisplayText="SVG" ShowLabel="true" />
64-
</div>
65-
</div>
66-
</GroupBox>
67-
</DemoBlock>
68-
69-
<DemoBlock Title="@Localizer["BarcodeGeneratorBatchText"]" Introduction="@Localizer["BarcodeGeneratorBatchIntro"]" Name="Batch">
70-
<div class="row g-3">
71-
<div class="col-12 col-sm-6 col-lg-4">
72-
<BarCodeGenerator Type="EnumBarcodeType.CODE128" Value="Hi!" />
73-
</div>
74-
<div class="col-12 col-sm-6 col-lg-4">
75-
<BarCodeGenerator Type="EnumBarcodeType.EAN13" Value="1234567890128" />
76-
</div>
77-
<div class="col-12 col-sm-6 col-lg-4">
78-
<BarCodeGenerator Type="EnumBarcodeType.EAN8" Value="12345670" />
79-
</div>
80-
<div class="col-12 col-sm-6 col-lg-4">
81-
<BarCodeGenerator Type="EnumBarcodeType.EAN5" Value="12345" />
82-
</div>
83-
<div class="col-12 col-sm-6 col-lg-4">
84-
<BarCodeGenerator Type="EnumBarcodeType.EAN2" Value="12" />
85-
</div>
86-
<div class="col-12 col-sm-6 col-lg-4">
87-
<BarCodeGenerator Type="EnumBarcodeType.UPC" Value="123456789012" />
88-
</div>
89-
<div class="col-12 col-sm-6 col-lg-4">
90-
<BarCodeGenerator Type="EnumBarcodeType.CODE39" Value="Hello" />
91-
</div>
92-
<div class="col-12 col-sm-6 col-lg-4">
93-
<BarCodeGenerator Type="EnumBarcodeType.ITF14" Value="1234567890123" />
94-
</div>
95-
<div class="col-12 col-sm-6 col-lg-4">
96-
<BarCodeGenerator Type="EnumBarcodeType.ITF14" Value="123456" />
97-
</div>
98-
<div class="col-12 col-sm-6 col-lg-4">
99-
<BarCodeGenerator Type="EnumBarcodeType.MSI" Value="12345" />
100-
</div>
101-
</div>
102-
</DemoBlock>
103-
104-
<DemoBlock Title="@Localizer["BarcodeGeneratorSimpleText"]" Introduction="@Localizer["BarcodeGeneratorSimpleIntro"]" Name="Simple">
105-
<div class="row g-3">
106-
<div class="col-12 col-sm-6 col-lg-4">
107-
<BarCodeGenerator Options="Options1" />
108-
</div>
109-
<div class="col-12 col-sm-6 col-lg-4">
110-
<BarCodeGenerator Options="Options2" />
111-
</div>
112-
<div class="col-12 col-sm-6 col-lg-4">
113-
<BarCodeGenerator Options="Options3" />
114-
</div>
9+
<div class="text-center">
10+
<BarcodeGenerator Value="@Value" Options="Options" OnCompletedAsync="OnCompletedAsync"></BarcodeGenerator>
11511
</div>
12+
<section ignore>
13+
<BarcodeGenerateSettings @bind-Value="Value" @bind-Options="Options" SvgString="@_svgString"></BarcodeGenerateSettings>
14+
</section>
11615
</DemoBlock>
11716

11817
<AttributeTable Items="@GetAttributes()" />

0 commit comments

Comments
 (0)