mirror of
https://github.com/LeCoupa/awesome-cheatsheets.git
synced 2025-11-08 22:11:35 +00:00
feat(cheatsheet): set up images + adjustments
This commit is contained in:
47
components/BaseShare.vue
Normal file
47
components/BaseShare.vue
Normal file
@@ -0,0 +1,47 @@
|
||||
<!-- *************************************************************************
|
||||
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>
|
||||
Reference in New Issue
Block a user