一,首先讲 React的悬浮框
示例,可参照链接
Demo文档,可参照链接
1. 安装
npm install suspend-button -S
2. 使用
import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import SuspendButton from 'suspend-button'
class App extends Component {
render() {
return (
)
}
}
ReactDOM.render(
,
document.getElementById('container')
)
二,Vue的悬浮框 (可直接将代码进行拷贝到页面组件中)
@touchstart="onTouchStart"
@touchmove="onTouchMove"
@touchend="onTouchEnd"
ref="remove"
:style="`left: ${oLeft}px; top: ${oTop}px;`">