Browse Source

pridaní vue js

master
vit.tlusty 4 years ago
parent
commit
35100c6081
  1. 34
      src/App.vue
  2. BIN
      src/assets/caj.jpg
  3. BIN
      src/assets/corn-flakes.jpg
  4. BIN
      src/assets/maslo.jpg
  5. BIN
      src/assets/med.jpg
  6. BIN
      src/assets/mleko.png
  7. BIN
      src/assets/rohlik.jpg
  8. BIN
      src/assets/salam.jpg
  9. BIN
      src/assets/vejce-na-tvrdo.jpg

34
src/App.vue

@ -1,26 +1,34 @@
<template>
<img alt="Vue logo" src="./assets/logo.png">
<HelloWorld msg="Welcome to Your Vue.js App"/>
<div>
<h2>Snídaně</h2>
<h2>Oběd</h2>
<h3>Večeře</h3>
<h1>MILUJU MATĚJE</h1>
<button v-on:click="stav = ! stav" >
<span v-if="!stav">Ukaž co jsi zač</span>
<span v-else>Schvej čaj</span>
</button>
<p v-if="stav">
<img src="./assets/caj.jpg" alt="">
</p>
</div>
</template>
<script>
import HelloWorld from './components/HelloWorld.vue'
export default {
name: 'App',
components: {
HelloWorld
data: () => {
return{
stav: false,
}
}
}
</script>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>

BIN
src/assets/caj.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
src/assets/corn-flakes.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
src/assets/maslo.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
src/assets/med.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

BIN
src/assets/mleko.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
src/assets/rohlik.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
src/assets/salam.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

BIN
src/assets/vejce-na-tvrdo.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Loading…
Cancel
Save