🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 百变悬浮图标 自由更改悬浮图标的样式。 ### 样式 更改悬浮球和线的外观。 * 外观:支持设置悬浮球的大小、百分比、透明度、位置。 * 线:支持设置线的高度、宽度、透明度、样式(支持渐变的多种颜色、自定义图片)。 * 图标:样式有四种自带,可自定义为其他图片、或幻灯片、GIF。 * 幻灯片、 GIF 有间隔时间限制,为了省电考虑。 ### 显示 你可以让悬浮球以不同的方式显示。 * 两边显示:支持设置为两边都显示,实际上是一边为图标一边为线,直接操作线条就会变成球。 * 显示方式:悬浮图标支持四种显示方式:显示图标、显示线、隐藏图标、隐藏图标并禁用功能。 ![](http://ww1.sinaimg.cn/large/6b1dd0a7ly1gctuwxj7z4j20u007xq33.jpg) ### 图标推荐 一些优秀、经典、耐看的悬浮球图标推荐,分类仅供参考。 #### 经典 <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczfp80ehvg209v09wgzl.gif" alt="google.gif" height=100 /> #### 灵动 <figure class="half"> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczfrb4cb6g2074074tab.gif" height=100 /> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczfsblxwhg20go0ciqb6.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczfx66z5yg208l08ldh2.gif" height=100 /> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczfy9ssh3g208c08c48h.gif" height=100/> </figure> <figure class="half"> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczg8yzn6ig203s03sdll.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczg9tvswug20b00b0dw4.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczga5o7xvg20b40b44ho.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczgah3gf2g20am0am4qq.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczgd0jx6ug2084083u10.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczgcqm5k0g20c8096kjm.gif" height=100/> </figure> #### 人物 <figure class="half"> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh1w7m51g209m0a74cq.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh1w7x5ig206y06y18n.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh1vt55ag207i07gn2l.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh1wi68og206y06y7wh.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh1vx80ug20uk0uke6k.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh1xsoq3g20dm0cdb2c.gif" height=100/> </figure> #### 动物 <figure class="half"> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4ju7hdg20a40a3e81.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4i2gjgg20ci0cidg3.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4igsygg209a099gxs.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4ign6eg204z04yaap.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4igdw5g202s02sq36.gif" height=100/> </figure> <figure class="half"> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4ik0rhg20fq0fq7br.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4itr0ig20m80goqrt.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4ik2nhg20go0gon8o.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4iulzkg20c90c97lc.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4kysysg20f40f4x6p.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh4j86yqg20dd0dc1iy.gif" height=100/> </figure> #### 插画 <figure class="half"> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh7052qog20e80e80uj.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh71p27lg20dw0dwx6p.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh73muhcg208q08qkjn.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh704aopg207a07agxo.gif" height=100/> </figure> <figure class="half"> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh702wejg20e80e843h.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh707djxg20dw0dw7p3.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh71wcqhg20m80gou0x.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh702z3eg20e80e83zr.gif" height=100/> <img src="http://ww1.sinaimg.cn/large/6b1dd0a7ly1gczh7184y5g20dw0dwb29.gif" height=100/> </figure>