vue全局页面设置悬浮区域

在开发过程中，可能会遇到需要全局显示的悬浮区域

---

需求

在开发过程中，可能会遇到需要全局显示的悬浮区域，比如在进行App开发的时候，在每个页面的顶部都添加一个悬浮的提示，引导用户进行下载，或者是在项目开发时，每个页面都悬浮某个广告，方便用户随时点击。

---

一、开发思路

创建一个js文件，在js文件中使用js语法创建一个节点，设置节点所需要的属性，并且将节点设置到document.body中。然后在main.js文件中导入js文件，并且执行js文件中的方法。

二、使用步骤

1.js文件创建文件并挂载

代码如下（示例）：

/*js文件*/
import CONFIG from "../app-config.js";

const COMFIG_OPEN = CONFIG?.openApp;
export default function(){
   
	//#ifdef H5
	if(!COMFIG_OPEN) return;
	
	let openApp = document.crea