extern/froscon-2023-demo
1
0
Fork 1
mirror of https://github.com/sschum/froscon-2023-demo.git synced 2025-02-16 17:10:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
sschum 2023-07-13 15:09:26 +02:00
parent 4ee9969860
commit 51024df8e8
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/index.html
View File

@ -26,7 +26,8 @@
<div class="row"> <div class="row">
<div class="col-6" v-for="(card, i) of cards" :key="card.id"> <div class="col-6" v-for="(card, i) of cards" :key="card.id">
<card :css-class="i % 2 === 0 ? 'bg-primary' : 'bg-secondary'"> <card :css-class="i % 2 === 0 ? 'bg-primary' : 'bg-secondary'"
v-on:card-click="removeCard(i)">
{{ card.content }} ({{ card.id }}) {{ card.content }} ({{ card.id }})
</card> </card>
</div> </div>

2
src/js/card.js
View File

@ -1,7 +1,7 @@
MyVueApp.component('card', { MyVueApp.component('card', {
props: ['cssClass'], props: ['cssClass'],
template: ` template: `
<div class="card"> <div class="card" v-on:click="$emit('card-click')">
<div :class="cssClass"> <div :class="cssClass">
<div class="card-body"> <div class="card-body">
<h5 class="card-title"> <h5 class="card-title">