image.png
Emoji Reaction 是一个基于 Leancloud &Vue3 的 Emoji 反馈（反应）组件.
App Screenshot
Demo
这 是一个 Demo.
Before Everything
- A Vue3 project
- A Leancloud App (For more, visit here)
Installation
Install Emoji Reaction with npm:
npm install emoji-reaction
Usage/Examples
<template>
<div class="card">
<emoji-reaction
react-to="whom-to-react-to"
reactor="who-react"
lc-app-id="leancloud-app-id"
lc-app-key="leancloud-app-key"
:emojis="['👍', '👎', '😄', '🎉', '😕', '❤️', '🚀', '👀']"
/>
</div>
</template>
<script lang="ts" setup>
import { EmojiReaction } from 'emoji-reaction';
</script>
Or globally register:
import { createApp } from 'vue';
import App from './App.vue';
import EmojiReaction from 'emoji-reaction';
createApp(App).use(EmojiReaction).mount('#app');
Or a cdn-way to import:
<script src="https://cdn.jsdelivr.net/npm/emoji-reaction@latest/lib/index.min.js"></script>
For details, check this out.
Customization
:root {
--er-primary: #5E35B137;
--er-primary-light: #5E35B125;
--er-primary-dark: #5E35B1a6;
}
