update

2023-07-13 15:05:34 +02:00 · 2023-07-13 15:05:34 +02:00 · 03f43618ff
commit 03f43618ff
parent ad97f8c66b
2 changed files with 3 additions and 2 deletions
--- a/src/index.html
+++ b/src/index.html
@ -26,7 +26,7 @@

        <div class="row">
            <div class="col-6" v-for="(card, i) of cards" :key="card.id">
-                <card></card>
+                <card :css-class="i % 2 === 0 ? 'bg-primary' : 'bg-secondary'"></card>
            </div>
        </div>
    </div>
--- a/src/js/card.js
+++ b/src/js/card.js
@ -1,7 +1,8 @@
 MyVueApp.component('card', {
+    props: ['cssClass'],
    template: `
 <div class="card">
-    <div>
+    <div :class="cssClass">
        <div class="card-body">
            <h5 class="card-title"></h5>
        </div>