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.
47 lines
1.2 KiB
47 lines
1.2 KiB
6 years ago
|
<template>
|
||
4 years ago
|
<div class="info-block" :class='direction'>
|
||
5 years ago
|
<div class="Label"><v-icon>WMi-{{icon}}</v-icon> {{ label }} </div>
|
||
5 years ago
|
<div class="Value" :class='valueClass' v-html="value"></div>
|
||
5 years ago
|
</div>
|
||
6 years ago
|
</template>
|
||
|
|
||
|
<script>
|
||
|
export default {
|
||
|
props: {
|
||
5 years ago
|
icon: { default: 'check' },
|
||
|
label: { default: " عنوان " },
|
||
5 years ago
|
value: { default: "" },
|
||
5 years ago
|
direction: { default: '' },
|
||
5 years ago
|
valueClass: { default: '' },
|
||
6 years ago
|
},
|
||
|
};
|
||
|
</script>
|
||
5 years ago
|
<style lang="scss" scoped>
|
||
4 years ago
|
.info-block {
|
||
5 years ago
|
text-align: right;
|
||
|
padding: 5px 10px 10px 10px;
|
||
5 years ago
|
margin: 0px 2px 10px;
|
||
5 years ago
|
border-right: 1px solid #dcdcdc;
|
||
|
}
|
||
4 years ago
|
.info-block.LTR {
|
||
5 years ago
|
text-align: left;
|
||
|
direction: ltr;
|
||
|
font-family: "BYekan-Edited",'Montserrat-Regular' !important;
|
||
|
border-right: 0px;
|
||
|
border-left: 1px solid #dcdcdc;
|
||
|
}
|
||
4 years ago
|
.info-block .Label {
|
||
5 years ago
|
color: #797979;
|
||
5 years ago
|
font-size: 12px;
|
||
5 years ago
|
}
|
||
4 years ago
|
.info-block .Value {
|
||
5 years ago
|
color: #000;
|
||
5 years ago
|
font-size: 16px;
|
||
5 years ago
|
}
|
||
4 years ago
|
.info-block .v-icon {
|
||
5 years ago
|
margin-top: -5px;
|
||
|
line-height: 1.6;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
</style>
|