分类：悬浮球

2020
09-28

Vue实现PC端靠边悬浮球的代码

我想把退出登录的按钮做成一个悬浮球的样子，带动画的那种。实现是这个样子：手边没有球形图。随便找一个，功能这里演示的为单机悬浮球注销登录嗯，具体代码：<div:class="['meun-switchanimatedflex-row',uploadflag?'activerubberBandoff':'leavejello']"@mouseleave="uploadleave"@mouseenter="uploadenter"v-if="uploadShow"@click.stop="logout"><img:src="requ... 继续阅读 >

2020
09-24

Vue实现仿iPhone悬浮球的示例代码

悬浮球插件简单的效果图：很遗憾，没找到太好的视频转gif的软件，压缩出来的大小超过了限制，就不放图了可以参考其他人的图，效果一致：简单实用案例：<!--给定一个初始位置position，插槽中填写想滑动的部分--><xuanfuqiu:position="position"><d-add-button@click="addPigFarm"add-item="猪场"></d-add-button></xuanfuqiu>原理示意图请结合代码注释来理解悬浮球插件代码如下：<template><div><divclass="xuanfu"i... 继续阅读 >