MangoWeb/SharedUI/Shared/Components/Layout/CardItemComponent.razor

61 lines
2.3 KiB
Plaintext

@using BlazorWASM.Shared
<div class="col-sm-9 col-md-6 mb-4 col-lg-4">
<div class="lc-block card shadow">
<div class="card-body p-4">
<div class="lc-block mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="3em" height="3em" fill="currentColor" class="bg-light rounded p-2" viewBox="0 0 24 24" lc-helper="svg-icon">
<path d=@MyCardItem.IconPath />
</svg>
</div><!-- /lc-block -->
<div class="lc-block mb-4">
<div editable="rich">
<h3 class="h3 fw-bold">@MyCardItem.CardTitle</h3>
</div>
</div><!-- /lc-block -->
@*foreach*@
@{
foreach (var textString in MyCardItem.CardDiscription)
{
<div class="lc-block">
<div class="d-inline-flex">
<div>
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
<path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
<path fill-rule="evenodd" d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z"></path>
</svg>
</div>
<div class="ms-3 align-self-center" editable="rich">
<p>@textString</p>
</div>
</div>
</div>
}
}
<div class="lc-block mb-4">
<div editable="rich">
<a href="@MyCardItem.ButtonUrl" class="btn fw-bold">Visit</a>
</div>
</div><!-- /lc-block -->
</div>
</div>
</div>
@code {
[Parameter]
public ServicesCardItem CardItem { get; set; }
public ServicesCardItem MyCardItem;
protected override void OnParametersSet()
{
base.OnParametersSet();
MyCardItem = CardItem;
}
}