Drag 拖拽排序

支持平台

安卓	ios	web	微信小程序	支付宝小程序	QQ小程序
√	√	√	x	x	x

示例

<template>
	<t-page title="拖拽排序" :bounces="false" class="ff-fbsb">
		<t-card class="mltr.30" title="Drag 拖拽排序" sub-title="自研拖拽算法,丝滑不卡顿"></t-card>
		<t-section class="tdr-tdb-m.30" title="flex宫格布局"></t-section>
		<t-drag class="fl-plr.30-ffww-ff-facs-fbsb-fjcb">
			<t-drag-item v-for="i in 16" :key='i' :class="sty">
				<t-text>{{i-1}}</t-text>
			</t-drag-item>
		</t-drag>
		<t-button path='/pages/component/layout/drag/drag-list' type='p' class='mlr.30-mtb.50'>拖拽-列表</t-button>
	</t-page>
</template>

<script>
	export default {
		data() {
			return {
				sty: 'tdr-tdb-w.150-h.150-fc-mb.20'
			}
		},
		methods: {

		}
	}
</script>

Props

名称	描述	类型	默认值	可选值
-	-	-	-	-

Events

事件名	描述	回调参数	版本
-	-	-	-

Slots

名称	描述
default	默认插槽，用于放置t-drag-item