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/components/Body/Header/NavIcon.vue

25 lines
790 B

<template>
<router-link :to="Route" href="javascript:;" class="WM-Link WM-Align-C WM-PageNav" style="padding-top:16px;" :class="aClass">
<i :class="[Icon ,IconSize]"></i>
<span class="WM-Notification WM-Float-L" v-if="Quantity>0" :class="spanClass"> {{ Quantity }} </span>
</router-link>
</template>
<script>
export default {
props: {
Icon: { default: "دسترسی سریع" },
ThemeColor: { default: "Red" },
Quantity: { default: "" },
IconSize: { default: "WM-Font-20" },
Route: { default: "#" },
},
data: function () {
return {
aClass: 'WM-Link-' + this.ThemeColor,
spanClass: 'WM-BG-' + this.ThemeColor,
}
},
};
</script>