m0_37593950的博客

原创 uniapp （时长累计）全局悬浮窗实现

关键字uniapp 全局可拖拽悬浮窗 30S无操作停止计时需求使用uniapp的一个H5项目中有一个全局的悬浮窗，记录用户的在线时长，如果30S用户没有任何操作就停止计时，在播放视频和播放音频时无30S限制。方案第一部分:实现全局可拖动的悬浮窗在uniapp中不能再App.vue 中写任何的模板代码，所以说只能在每个page中添加，实现拖拽的时候先记录一下上次拖拽的位置，把位置作为一个全局的变量，在下一个页面进入后将位置的全局变量赋值，组件代码如下：<template> &l