49 lines
883 B
Vue
49 lines
883 B
Vue
|
<template>
|
||
|
|
<div class="row form-group" :key="$attrs.key">
|
||
|
|
<label :for="localFormElement.key" class="col-12"
|
||
|
|
>{{ localFormElement.label }}: </label
|
||
|
|
>
|
||
|
|
|
||
|
|
<p
|
||
|
|
class="col-12 text__13 label-title"
|
||
|
|
style="
|
||
|
|
display: -webkit-box !important;
|
||
|
|
-webkit-line-clamp: 2;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
overflow: hidden;
|
||
|
|
"
|
||
|
|
v-html="perityHtmlText"
|
||
|
|
>
|
||
|
|
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import formBuilderMixin from "@mixins/formBuilderMixin";
|
||
|
|
export default {
|
||
|
|
mixins: [formBuilderMixin],
|
||
|
|
|
||
|
|
props: {
|
||
|
|
textItem: {
|
||
|
|
default: "متنی وجود ندارد",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
perityHtmlText(){
|
||
|
|
this.textItem.replaceAll('\n', '<br>')
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.form-control {
|
||
|
|
height: auto !important;
|
||
|
|
}
|
||
|
|
.label-title {
|
||
|
|
font-size: 0.9rem !important;
|
||
|
|
}
|
||
|
|
</style>
|