1
1
mirror of https://github.com/namibia/awesome-cheatsheets.git synced 2024-12-23 10:38:54 +00:00
awesome-cheatsheets/components/BaseShare.vue

48 lines
998 B
Vue

<!-- *************************************************************************
TEMPLATE
************************************************************************* -->
<template lang="pug">
img(
@click="onClick"
:src="'/images/components/BaseShare/' + network + '.svg'"
class="c-base-share"
)
</template>
<!-- *************************************************************************
SCRIPT
************************************************************************* -->
<script>
export default {
props: {
network: {
type: String,
required: true
}
},
methods: {
onClick() {
this.$emit("click", this.network);
}
}
};
</script>
<!-- *************************************************************************
STYLE
************************************************************************* -->
<style lang="scss">
$c: ".c-base-share";
#{$c} {
display: block;
width: 32px;
height: 32px;
cursor: pointer;
}
</style>