基于react實(shí)現(xiàn)的移動(dòng)端的可吸附懸浮按鈕,支持拖動(dòng)拖拽功能

基于react實(shí)現(xiàn)的移動(dòng)端的可吸附懸浮按鈕

預(yù)覽地址(移動(dòng)端):

https://kkfor.github.io/suspend-button/

源碼地址:

https://github.com/kkfor/suspend-button

安裝

npm install suspend-button -S

使用

import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import SuspendButton from 'suspend-button'

class App extends Component {
  render() {
    return (
      <SuspendButton></SuspendButton>
    )
  }
}

ReactDOM.render(
  <App />,
  document.getElementById('container')
)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • github地址: https://github.com/LeuisKen/react-collection ht...
    靜宸_d2cc閱讀 1,655評(píng)論 0 10
  • 持續(xù)更新中...... 一套企業(yè)級(jí)的 UI 設(shè)計(jì)語(yǔ)言和 React 實(shí)現(xiàn)。 https://mobile.ant....
    日不落000閱讀 6,069評(píng)論 0 35
  • github地址 React-Native學(xué)習(xí)指南 本指南匯集React-Native各類(lèi)學(xué)習(xí)資源,給大家提供便利...
    izhongxia閱讀 4,738評(píng)論 2 96
  • 風(fēng)可以決定葉的方向,什么為我們指引前路呢? 別人的付出都不是白費(fèi)的,無(wú)病呻吟的正是我這種人,但是心中郁結(jié)。想要尋找...
    偏執(zhí)是一個(gè)人的孤傲閱讀 408評(píng)論 0 0
  • 我愛(ài)一個(gè)人,他是個(gè)非常非常優(yōu)秀的人。 因?yàn)閻?ài)他,所以我想讓自己變的更像他,在某一個(gè)方面更靠近他一點(diǎn)。我會(huì)很努力很努...
    倪瑾曄啊閱讀 246評(píng)論 0 2

友情鏈接更多精彩內(nèi)容