Draggable List 可拖拽列表

OlDraggableList 组件用于创建一个可拖拽的列表。它包含多个 OlDraggableItem 子组件，每个子组件都可以被拖动以重新排序。

使用示例

1

2

3

4

5

在 github 中打开

展开代码

复制代码

<template>
  <ol-draggable-list>
    <ol-draggable-item
      v-for="i in 5"
      :key="i"
      class="w-380px h-48px text-center line-height-48px"
    >
      {{ i }}
    </ol-draggable-item>
  </ol-draggable-list>
</template>

<style scoped>
.dragging {
  opacity: 0.5;
}
</style>

样式

.dragging: 拖拽时应用的样式。