50 lines
878 B
Vue
50 lines
878 B
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<b-link to="/">
|
||
|
|
<b-img
|
||
|
|
:src="require('../../assets/logo.png')"
|
||
|
|
alt="Juggl"
|
||
|
|
:height="heightSize"
|
||
|
|
:center="center"
|
||
|
|
/>
|
||
|
|
</b-link>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "BaseLogo",
|
||
|
|
props: {
|
||
|
|
size: {
|
||
|
|
default: "small",
|
||
|
|
type: String
|
||
|
|
},
|
||
|
|
center: {
|
||
|
|
default: false,
|
||
|
|
type: Boolean
|
||
|
|
}
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
heightSize: function() {
|
||
|
|
let sizes = {
|
||
|
|
mini: "35px",
|
||
|
|
normal: "64px",
|
||
|
|
tiny: "80px",
|
||
|
|
smaller: "110px",
|
||
|
|
small: "150px",
|
||
|
|
medium: "300px",
|
||
|
|
large: "450px",
|
||
|
|
big: "600px",
|
||
|
|
huge: "800px",
|
||
|
|
massive: "960px"
|
||
|
|
};
|
||
|
|
let targetSize = sizes[this.size];
|
||
|
|
if (targetSize === undefined) return sizes["small"];
|
||
|
|
else return targetSize;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style />
|