You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<template>
|
|
|
|
|
<v-row>
|
|
|
|
|
<v-col v-for="(row, index) in rows" :key="index" xl="12" :class="` pt-1 pb-0`">
|
|
|
|
|
<v-row :class="`end-row ${row.rowClass} theme-${row.color}`">
|
|
|
|
|
<v-col xl="3" :class="`flex-justified-right ${row.titleClass || ''} color-${row.color} pr-5`">
|
|
|
|
|
{{ row.title }}
|
|
|
|
|
</v-col>
|
|
|
|
|
<v-col xl="6" class="flex-justified-center">
|
|
|
|
|
<number-block v-if="row.quantity" :theme="`label-left ${row.quantityClass || ''} color-${row.color}`" :number="row.quantity" :label="row.quantityLabel" />
|
|
|
|
|
</v-col>
|
|
|
|
|
<v-col xl="3" md="6" class="flex-justified-left pt-1 pb-1">
|
|
|
|
|
<price-block :theme="`label-left ${row.valueClass || ''} color-${row.color}`" zero-label="رایگان" :price="row.value" :label="row.valueLabel" />
|
|
|
|
|
</v-col>
|
|
|
|
|
</v-row>
|
|
|
|
|
</v-col>
|
|
|
|
|
</v-row>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
components: {},
|
|
|
|
|
props: {
|
|
|
|
|
rows: { default: ""},
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {};
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
|
|
|
|
|
</style>
|