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.
|
|
|
<template>
|
|
|
|
<router-link :to="{ name: Route }" class="WM-Link WM-Align-C WM-PageNav" :class="HoverClass">
|
|
|
|
<div class="WM-Font-18"> {{ TitleFa }} </div>
|
|
|
|
<div class="WM-Font-14"> {{ TitleEn }} </div>
|
|
|
|
</router-link>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
props: {
|
|
|
|
TitleFa: { default: "دسترسی سریع" },
|
|
|
|
TitleEn: { default: "Quick Link" },
|
|
|
|
ThemeColor: { default: "Red" },
|
|
|
|
Route: { default: "#" }
|
|
|
|
},
|
|
|
|
data: function () {
|
|
|
|
return {
|
|
|
|
HoverClass: 'WM-Link-' + this.ThemeColor,
|
|
|
|
}
|
|
|
|
},
|
|
|
|
//
|
|
|
|
// data() {
|
|
|
|
// return {
|
|
|
|
// color,HoverClass
|
|
|
|
// }
|
|
|
|
// },
|
|
|
|
// created : function ( ) {
|
|
|
|
// this.color = 'WM-BG-' + this.ThemeColor;
|
|
|
|
// this.HoverClass = 'WM-Link-' + this.ThemeColor;
|
|
|
|
// }
|
|
|
|
};
|
|
|
|
</script>
|