knihy data

4 years ago · ca3d87ab96
7 changed files with 47 additions and 14 deletions
--- a/public/img/hardcore-historie.png
+++ b/public/img/hardcore-historie.png
--- a/public/img/spotify.png
+++ b/public/img/spotify.png
--- a/public/img/telo-scita-rany.png
+++ b/public/img/telo-scita-rany.png
--- a/public/img/valka-o-uber.png
+++ b/public/img/valka-o-uber.png
--- a/public/index.html
+++ b/public/index.html
@ -6,6 +6,8 @@
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <script src="https://kit.fontawesome.com/51bfbf9540.js" crossorigin="anonymous"></script>
  </head>
  <body>
    <noscript>
--- a/src/App.vue
+++ b/src/App.vue
@ -1,26 +1,33 @@
 <template>
  <img alt="Vue logo" src="./assets/logo.png">
  <HelloWorld msg="Welcome to Your Vue.js App"/>
  <div>
    <h1>Knihkupectví</h1>
    <div class="row">
      <div class="col">
        <h2>Knihy</h2>
        <div v-for="kniha, i in knihy" :key="i">
          {{ kniha.nazev }}
        </div>
      </div>
      <div class="col">
        <h2>Košík</h2>
      </div>
    </div>
  </div>
 </template>
 <script>
 import HelloWorld from './components/HelloWorld.vue'
 import data from "./assets/knihy.json"
 export default {
  name: 'App',
  components: {
    HelloWorld
  }
  data: function() {
    return {
      knihy: data,
    }
  },
 }
 </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>
--- a/src/assets/knihy.json
+++ b/src/assets/knihy.json
@ -0,0 +1,24 @@
 [
    {
        "nazev": "Tělo sčítá rány",
        "obrazek": "/img/telo-scita-rany.png",
        "autor": "",
        "stran": 0,
        "cena": 0,
        "typy": [
            {
                "nazev": "papír",
                "ikona": "fa-book",
                "formaty": ""
            },
            {
                "nazev": "e-book",
                "ikona": "fa-tablet-alt",
                "formaty": "pdf mobi"
            }
        ]
    },
    {
        "nazev": "Hardcore historie"
    }
 ]