|
@@ -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;
|