|
|
@ -36,17 +36,23 @@ Vytvořit si JSON data pro tuto aplikace na **celý měsíc Březen** (1.3. - 31 |
|
|
|
```json |
|
|
|
[ |
|
|
|
{ |
|
|
|
"title":"Nadpis", |
|
|
|
"content": "Citace 1", |
|
|
|
"date":"1. 3. 2022", |
|
|
|
"img":"img1.png" |
|
|
|
}, |
|
|
|
{ |
|
|
|
"title":"Nadpis 2", |
|
|
|
"content":"Citace 2", |
|
|
|
"date":"1. 3. 2022", |
|
|
|
"img":"img2.png" |
|
|
|
} |
|
|
|
"title":"Nadpis2", |
|
|
|
"content": "Obsah2", |
|
|
|
"date": "9. 3. 2022", |
|
|
|
"img": "image_01.jpg" |
|
|
|
}, |
|
|
|
{ |
|
|
|
"title":"Nadpis2", |
|
|
|
"content": "Obsah2", |
|
|
|
"date":"10. 3. 2022", |
|
|
|
"img": "image_02.jpg" |
|
|
|
}, |
|
|
|
{ |
|
|
|
"title":"Nadpis2", |
|
|
|
"content": "Obsah2", |
|
|
|
"date":"11. 3. 2022", |
|
|
|
"img": "image_03.jpg" |
|
|
|
} |
|
|
|
] |
|
|
|
``` |
|
|
|
## Předpřipravený data |
|
|
@ -98,7 +104,14 @@ data: () => ({ |
|
|
|
```js |
|
|
|
|
|
|
|
<div v-for="data1 in selectDatum(selectDate(date,numberino))" :key="data1.date"> |
|
|
|
<b>{{data1.title}}</b> - {{data1.content}} - <i>{{data1.date}}</i> |
|
|
|
<img :src= data1.img :alt= data1.img > |
|
|
|
</div> |
|
|
|
<b>{{data1.title}}</b> - {{data1.content}} - <i>{{data1.date}}</i> <br> |
|
|
|
<img :src="getImgUrl(data1.img)" v-bind:alt="data1.img"> |
|
|
|
</div> |
|
|
|
``` |
|
|
|
|
|
|
|
metoda: <- je pak potřeba rovnou nastavit img v json JEN NA NÁZEV OBRÁZKU |
|
|
|
```js |
|
|
|
getImgUrl(pic) { |
|
|
|
return require('../assets/img/'+pic); |
|
|
|
}, |
|
|
|
``` |