uniapp微信小程序全局所有页面放置一个跳转首页的可以拖动的悬浮按钮

把上面的静态解构放到src/components/movable/movable.vuewe文件作为自定义组件

此处用的到时uniapp的movable-area组件和内嵌movable-view组件，其中movable-area表示可拖动的范围，movable-view用于指示可拖动的区域。

参照文档：movable-area | uni-app官网 movable-view | uni-app官网

想要实现每个页面直接引用，无需一一注册，只需要把自定义的组src/min.js文件即可。步骤如下：

import Vue from "vue"
import App from "./App"
import store from "./store";

//1、引入封装好的组件
import movable from "@/components/movable/movable.vue"	
//2、全局注册组件
Vue.component("movable",movable)		




App.mpType = "app"

const app = new Vue({
  store,
  ...App
})
app.$mount()

在需要使用的页面中，直接使用即可，不需要另外引入：

页面效果：可以实现拖动，点击跳转