mirror of
https://github.com/LJ5O/website.git
synced 2026-08-11 14:44:46 +02:00
43 lines
790 B
Vue
43 lines
790 B
Vue
<template>
|
|
<div class="network">
|
|
<RouterLink v-if="routerLink" :to="{name:link}">
|
|
<img :src="img">
|
|
</RouterLink>
|
|
<a v-else :href="link" target="_blank">
|
|
<img :src="img">
|
|
</a>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { RouterLink } from 'vue-router';
|
|
|
|
defineProps({
|
|
img: {
|
|
type:String,
|
|
required:true
|
|
},
|
|
link:{
|
|
type:String,
|
|
required: true
|
|
},
|
|
routerLink:{
|
|
required:false,
|
|
type:Boolean,
|
|
default:false
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<style scoped>
|
|
.network{
|
|
height: 50px;
|
|
width: 50px;
|
|
margin-left: 15px;
|
|
}
|
|
.network img{
|
|
border-radius: 50%;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
</style> |