Parcourir la source

[ADD] product card price bar

Gogs il y a 7 ans
Parent
commit
7f9dae41ae
1 fichiers modifiés avec 15 ajouts et 0 suppressions
  1. 15 0
      src/components/ProductCard.vue

+ 15 - 0
src/components/ProductCard.vue

@@ -1,5 +1,10 @@
 <template lang="pug">
     .product-card
+        .product-title
+        .product-image
+        .product-price
+            span Gs 5000
+        .product-qty
 </template>
 
 <script>
@@ -14,6 +19,16 @@
         height: 160px
         border: 1px solid #d3d3d3
         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>