vue左侧悬浮_Vue实现靠边悬浮球(PC端)

我想把退出登录的按钮做成一个悬浮球的样子，带动画的那种。

实现是这个样子：

手边没有球形图。随便找一个，功能这里演示的为单机悬浮球注销登录

嗯，具体代码：

:class="['meun-switch animated flex-row',uploadflag ? 'active rubberBand off' : 'leave jello']"

@mouseleave="uploadleave"

@mouseenter="uploadenter"

v-if="uploadShow"

@click.stop="logout"

>

data

uploadShow: false,

uploadflag: true,

js方法

uploadenter() {

this.uploadflag = true;

},

uploadleave() {

this.uploadflag = false;

},

uploadanimated() {

setTimeout(() => {

this.uploadShow = true;