zplatit

snidane/src/App.vue

@@ -11,20 +11,21 @@
   </div>
   </div>
   </div>
-
+  <div v-if="seznam.length > 0" class="center">
     <p class="cena">
       Celková cena: {{ cena }}kč
     </p>
     <p>
       <button v-on:click="seznam= []">vyprázdnit košík</button>
+      <button>Zaplatit</button>
     </p>
-
+  </div>
 
     <div v-for="obj, i in seznam" :key="i" class="seznam-grid">
       <div><img :src="obj.obrazek" alt=""></div>
       <div>{{ obj.popisek }}</div>
       <div>{{ obj.cena }},-</div>
-      <div><button>odebrat</button></div>
+      <div><button v-on:click="seznam.splice(i, 1)">odebrat</button></div>
     </div>
 </div> 
 </template>
@@ -133,4 +134,7 @@ export default {
 .seznam-grid img{
   width: 100%;
 }
+.center{
+  text-align: center;
+}
 </style>