mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-19 08:32:14 +00:00
59 lines
1.1 KiB
Vue
59 lines
1.1 KiB
Vue
<template>
|
|
<div :class="[location, 'emoji-container', {'is-apple': $isApple}]">
|
|
<span v-if="!$isApple()" class="twemoji-emoji emoji-icon" v-html="transferEmoji"></span>
|
|
<span v-if="$isApple()" class="apple-emoji emoji-icon">{{ this.emoji.char }}</span>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import twemoji from 'twemoji'
|
|
|
|
export default {
|
|
name: 'Emoji',
|
|
props: [
|
|
'emoji',
|
|
'location',
|
|
],
|
|
computed: {
|
|
transferEmoji() {
|
|
return twemoji.parse(this.emoji.char, {
|
|
folder: 'svg',
|
|
ext: '.svg',
|
|
attributes: () => ({
|
|
loading: 'lazy'
|
|
})
|
|
})
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import "@assets/vue-file-manager/_inapp-forms.scss";
|
|
@import '@assets/vue-file-manager/_forms';
|
|
|
|
.emoji-container {
|
|
font-size: inherit;
|
|
|
|
.emoji-icon {
|
|
font-size: inherit;
|
|
}
|
|
}
|
|
|
|
.emoji-picker {
|
|
.apple-emoji {
|
|
font-size: 34px;
|
|
line-height: 1.1;
|
|
}
|
|
}
|
|
|
|
.emoji-picker-preview {
|
|
.apple-emoji {
|
|
font-size: 28px;
|
|
line-height: 1.1;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
|