Big Brother library

Here's a brief introduction.

Installation

$ npm i vue3-big-brother

Use


main.js

import { createApp } from 'vue';
import App from './App.vue';
import BigBrother from "vue3-big-brother";

createApp(App)
    .use(BigBrother)
    .mount('#app')


Component

<big-brother
:avatar="require('@/assets/brother/animal.png')"
:width="150"
:left-eye="{top: 26, left: 2}"
:right-eye="{top: 13, right: -1}"
:diameter-left-eye="15"
:diameter-right-eye="8"
/>

Options

DirectiveTypeDescription
widthnumberImage width in pixels
avatarrequireUrl image
left-eyeobjectLocation of the left eye
right-eyeobjectLocation of the right eye
diameter-left-eyenumberEye rotation diameter
diameter-right-eyenumberEye rotation diameter
Last Updated:
Contributors: Vladislav Dehtarev