简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

React组件Dragact 0.1.4详解

小云云
Lepaskan： 2018-02-23 13:15:47
asal
1904 orang telah melayarinya

Dragact 是一款React组件，他能够使你简单、快速的构建出一款强大的 拖拽式网格(grid)布局.

仓库地址：Dragact

经过几天的迭代时间Dragact已经能够支持自由缩放功能了(resize)

废话不多说，来看看demo

新特性1：大小自由缩放

React组件Dragact 0.1.4详解

自由缩放大小的布局

新特性2：getLayout获取当前的布局信息

在live Demo中，我新增了第四个demo

React组件Dragact 0.1.4详解

React组件Dragact 0.1.4详解

点击以后，可以看到一个布局，这个布局拥有存储能力，也就是当你刷新浏览器以后，他的布局效果不会消失，无论是位置，还是图片大小。

下个版本

在下个版本中，我会对其进行支持

  • 响应式

  • 自由切换拖拽和缩放

  • 手机也能操作

仓库地址：Dragact

预览：live Demo

多谢大家支持。

相关推荐：

React拖拽排序组件Dragact详解

Atas ialah kandungan terperinci React组件Dragact 0.1.4详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
react
sumber：php.cn
Artikel sebelumnya：Node.JS搭建简易版json服务 Artikel seterusnya：React组件生命周期详解
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
2
1407
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
9
1498
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1333
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1217
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1302
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！