|
|
@ -1,16 +1,21 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<button :disabled="disabled" @click="$emit('click')" :type="type" :class="`slide-button ${theme}`">
|
|
|
|
<button :disabled="disabled || loading" @click="$emit('click')" :type="type" :class="`slide-button ${theme}`">
|
|
|
|
<div class="overlay"></div>
|
|
|
|
<template>
|
|
|
|
<div v-if="prepend_icon != ''" class="prepend-icon">
|
|
|
|
<div class="overlay"></div>
|
|
|
|
<v-icon>WMi-{{ prepend_icon }}</v-icon>
|
|
|
|
<div v-if="prepend_icon != ''" class="prepend-icon">
|
|
|
|
</div>
|
|
|
|
<v-icon v-if="!loading" >WMi-{{ prepend_icon }}</v-icon>
|
|
|
|
<div class="name">
|
|
|
|
<div v-else class="v-progress-circular v-progress-circular--indeterminate" style="height: 30px; width: 30px;">
|
|
|
|
<div class="Fa"> {{ title_fa }} </div>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381" style="transform: rotate(0deg);"><circle fill="transparent" color= #fff cx="43.80952380952381" cy="43.80952380952381" r="20" stroke-width="3.8095238095238093" stroke-dasharray="125.664" stroke-dashoffset="125.66370614359172px" class="v-progress-circular__overlay"></circle></svg>
|
|
|
|
<div class="En"> {{ title_en }} </div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div v-if="append_icon" class="append-icon">
|
|
|
|
<div class="name">
|
|
|
|
<v-icon>WMi-{{ append_icon }}</v-icon>
|
|
|
|
<div class="Fa"> {{ title_fa }} </div>
|
|
|
|
</div>
|
|
|
|
<div class="En"> {{ title_en }} </div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div v-if="append_icon" class="append-icon">
|
|
|
|
|
|
|
|
<v-icon>WMi-{{ append_icon }}</v-icon>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
@ -22,6 +27,7 @@ export default {
|
|
|
|
title_fa: {default: 'عنوان دکمه'},
|
|
|
|
title_fa: {default: 'عنوان دکمه'},
|
|
|
|
title_en: {default: 'Button Title'},
|
|
|
|
title_en: {default: 'Button Title'},
|
|
|
|
disabled: {default: false},
|
|
|
|
disabled: {default: false},
|
|
|
|
|
|
|
|
loading: {default: false},
|
|
|
|
type: {default: 'button'},
|
|
|
|
type: {default: 'button'},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|