Browse Source

[ADD] product card price bar

Gogs 7 years ago
parent
commit
7f9dae41ae
1 changed files with 15 additions and 0 deletions
  1. 15 0
      src/components/ProductCard.vue

+ 15 - 0
src/components/ProductCard.vue

@@ -1,5 +1,10 @@
 <template lang="pug">
 <template lang="pug">
     .product-card
     .product-card
+        .product-title
+        .product-image
+        .product-price
+            span Gs 5000
+        .product-qty
 </template>
 </template>
 
 
 <script>
 <script>
@@ -14,6 +19,16 @@
         height: 160px
         height: 160px
         border: 1px solid #d3d3d3
         border: 1px solid #d3d3d3
         display: inline-block
         display: inline-block
+
+        .product-price
+            width: 100%
+            height: 45px
+            padding-top: 10px
+            text-align: center
+            font-size: 12pt
+            font-weight: bold
+            background: #2196f3
+            color: #fff
 </style>
 </style>