|
|
@ -2,6 +2,7 @@
|
|
|
|
<div class="info-block" :class='direction'>
|
|
|
|
<div class="info-block" :class='direction'>
|
|
|
|
<div class="Label"><v-icon v-if="icon">WMi-{{icon}}</v-icon> {{ label }} </div>
|
|
|
|
<div class="Label"><v-icon v-if="icon">WMi-{{icon}}</v-icon> {{ label }} </div>
|
|
|
|
<div v-if="value" class="Value" :class='valueClass' v-html="value"></div>
|
|
|
|
<div v-if="value" class="Value" :class='valueClass' v-html="value"></div>
|
|
|
|
|
|
|
|
<div v-if="secondValue" class="second-value" v-html="secondValue"></div>
|
|
|
|
<a v-if="link" :href="link" class="link WM-Link">دانلود فایل </a>
|
|
|
|
<a v-if="link" :href="link" class="link WM-Link">دانلود فایل </a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
@ -12,6 +13,7 @@ export default {
|
|
|
|
icon: String,
|
|
|
|
icon: String,
|
|
|
|
label: { default: " عنوان " },
|
|
|
|
label: { default: " عنوان " },
|
|
|
|
value: String,
|
|
|
|
value: String,
|
|
|
|
|
|
|
|
secondValue: String,
|
|
|
|
link: String,
|
|
|
|
link: String,
|
|
|
|
direction: { default: '' },
|
|
|
|
direction: { default: '' },
|
|
|
|
valueClass: { default: '' },
|
|
|
|
valueClass: { default: '' },
|
|
|
@ -21,7 +23,7 @@ export default {
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
.info-block {
|
|
|
|
.info-block {
|
|
|
|
text-align: right;
|
|
|
|
text-align: right;
|
|
|
|
padding: 5px 10px 10px 10px;
|
|
|
|
padding: 3px 10px 3px 10px;
|
|
|
|
border-right: 1px solid #dcdcdc;
|
|
|
|
border-right: 1px solid #dcdcdc;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.info-block.LTR {
|
|
|
|
.info-block.LTR {
|
|
|
@ -32,14 +34,23 @@ export default {
|
|
|
|
border-left: 1px solid #dcdcdc;
|
|
|
|
border-left: 1px solid #dcdcdc;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.info-block .Label {
|
|
|
|
.info-block .Label {
|
|
|
|
|
|
|
|
opacity: 0.7;
|
|
|
|
color: #797979;
|
|
|
|
color: #797979;
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
margin-bottom: 4px;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.info-block:not(.LTR) .Value {
|
|
|
|
.info-block:not(.LTR) .Value {
|
|
|
|
color: #000;
|
|
|
|
color: #000;
|
|
|
|
font-size: 16px;
|
|
|
|
font-size: 16px;
|
|
|
|
font-family: 'iranyekan-regular';
|
|
|
|
font-family: 'iranyekan-regular';
|
|
|
|
|
|
|
|
margin-right: 3px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.info-block:not(.LTR) .second-value {
|
|
|
|
|
|
|
|
opacity: 0.7;
|
|
|
|
|
|
|
|
color: #797979;
|
|
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
|
|
line-height: 14px;
|
|
|
|
|
|
|
|
font-family: 'Montserrat-Regular';
|
|
|
|
|
|
|
|
margin-right: 3px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.info-block .v-icon {
|
|
|
|
.info-block .v-icon {
|
|
|
|
margin-top: -5px;
|
|
|
|
margin-top: -5px;
|
|
|
|