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.
willaengine/resources/js/Global/components/Misc/QuickLink.vue

25 lines
743 B

<template>
<a class="WM-Block WM-Border WM-Align-C WM-Border-LightGray WM-QuickLink" :class="HoverClass">
<div class="WM-Font-36" v-if="Counter>0"> {{ Counter }} </div>
<div class="WM-Font-24"> {{ TitleFa }} </div>
<h4 class="WM-SubText WM-Font-16" :class="h4Class"> {{ TitleEn }} </h4>
</a>
</template>
<script>
export default {
props: {
Counter: { default: 0 },
TitleFa: { default: "دسترسی سریع" },
TitleEn: { default: "Quick Link" },
ThemeColor: { default: "Red" }
},
data: function () {
return {
HoverClass: 'WM-Hover-' + this.ThemeColor,
h4Class: 'WM-BG-' + this.ThemeColor,
}
},
};
</script>