Explorar o código

restore 'à partir de' label

Olivier Massot hai 1 ano
pai
achega
c50afcddc8

+ 8 - 0
components/Common/Table/Comparatif.vue

@@ -8,6 +8,7 @@
 
 
             <th>
             <th>
               <p class="standard">Standard</p>
               <p class="standard">Standard</p>
+              <p v-if="showFrom" class="from">À partir de</p>
               <p class="price">
               <p class="price">
                 {{ standardPrice }} <span class="ttc">ttc</span>
                 {{ standardPrice }} <span class="ttc">ttc</span>
               </p>
               </p>
@@ -16,6 +17,7 @@
 
 
             <th class="premium-column">
             <th class="premium-column">
               <p class="standard">Premium</p>
               <p class="standard">Premium</p>
+              <p v-if="showFrom" class="from">À partir de</p>
               <p class="price">
               <p class="price">
                 {{ premiumPrice }} <span class="ttc">ttc</span>
                 {{ premiumPrice }} <span class="ttc">ttc</span>
               </p>
               </p>
@@ -204,6 +206,11 @@ const props = defineProps({
     type: Array as PropType<Array<ComparisonItem>>,
     type: Array as PropType<Array<ComparisonItem>>,
     required: true,
     required: true,
   },
   },
+  showFrom: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
 })
 })
 
 
 const height = computed(() => 150 + props.items.length * 48)
 const height = computed(() => 150 + props.items.length * 48)
@@ -294,6 +301,7 @@ td:first-child {
   margin-bottom: 1rem;
   margin-bottom: 1rem;
 }
 }
 
 
+.from,
 .ttc {
 .ttc {
   font-weight: 300;
   font-weight: 300;
   font-size: 12px;
   font-size: 12px;

+ 1 - 0
components/Logiciels/School/Comparatif.vue

@@ -12,6 +12,7 @@
           standard-price="34,90€"
           standard-price="34,90€"
           premium-price="49€"
           premium-price="49€"
           :items="comparisonItems"
           :items="comparisonItems"
+          :show-from="true"
         />
         />
 
 
         <div class="asterisk">
         <div class="asterisk">