Wie füge ich ein Standardbild in ein gridLayout-Element ein?

Question

Ich bin gespannt, wie Sie mithilfe der Vorlagen ein Standardbild in ein GridLayout-Element einfügen können.Kann jemand Vorschläge machen?

Hier ist meine Vorlage

<div class="gridLayoutItemTemplate" data-win-control="WinJS.Binding.Template" data-win- options="{tap: 'none'}">
    <div class="photoTemplate">
        <img class="photoTemplateImage" src="#" alt="" data-win-bind="src: imageUrl WinJS.Binding.oneTime; alt: title" />
</div>

Answer 1

Fügen Sie einfach ein neues Ladebild in die Slution und in die Vorlage ein Wenden Sie einfach einen neuen Stil auf das Bild an und geben Sie die Hintergrundbildeigenschaft an

Beispiel ist unten gezeigt

  <img class="photoTemplateImage" src="#" alt="" data-win-bind="src: imageUrl WinJS.Binding.oneTime; alt: title"  style="background-image: url(loadingimage.gif)" />

Sie können der Klasse die Eigenschaft "Hintergrundbild" hinzufügen. So können Sie die Verwendung in Linienstilen vermeiden.

Ändern Sie die URL abhängig davon, wo Sie das Bild speichern

verweisen Sie auf diesen Beitrag