Draggable List

The OlDraggableList component is used to create a draggable list. It contains multiple OlDraggableItem child components, each of which can be dragged to reorder.

Usage Example

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>

Styles

• .dragging: The style applied during dragging.