.to-home{位置：固定；z-指数：99；右：10px；底部：85px；宽度：40px；高度：40px；框阴影：02px4px#ddd；边界半径：50%；颜色：#fff；字体大小：24px；显示：弹性；对齐项目：居中；证明内容：居中；背景色：#1989fa；介绍老大：在移动端这里添加一个返回首页的按钮，如果可以拖动的话。我：好的老板。这个按钮样式有要求吗？老板：你自己想办法。效果嗯。..自我感觉还不错，不用再改了，今晚就可以准时下班了。代码相关文档：-[vue-customdirective](https://cn.vuejs.org/v2/guide/custom-directive.html)废话不多说，直接上传代码即可。下面是一些加减运算，相信大家应该都能看懂。drag.js/***@description移动端拖动指令*@author谭上彪*@date2020-5-2114:36:13**/exportdefault{inserted(el){letswitchPos={x:10,y:85,startX:0,startY:0,endX:0,endY:0}el.addEventListener('touchstart',function(e){console.log(e)switchPos.startX=e.touches[0].pageXswitchPos.startY=e.touches[0].pageY})el.addEventListener('touchend',function(e){switchPos.x=switchPos.endXswitchPos.y=switchPos.endYswitchPos.startX=0switchPos.startY=0})el.addEventListener('touchmove',function(e){if(e.touches.length>0){让offsetX=e.touches[0].pageX-switchPos.startX让offsetY=e.touches[0].pageY-switchPos.startY让x=switchPos.x-offsetX让y=switchPos.y-offsetYif(x+el.offsetWidth>document.documentElement.offsetWidth){x=document.documentElement.offset宽度-el.offsetWidth}if(y+el.offsetHeight>document.documentElement.offsetHeight){y=document.documentElement.offsetHeight-el.offsetHeight}if(x<0){x=0}if(y<0){y=0}el.style.right=x+'px'el.style.bottom=y+'px'switchPos.endX=xswitchPos.endY=ye.preventDefault()}})}}命令写入是，我这里是在main.js中全局注册指令，所以需要引入main.js//引入指令importvDragfrom'@/directive/drag'Vue.directive('drag',vDrag)toHome.vue
