cloud-ui.vusion
Version:
Vusion Cloud UI
32 lines (29 loc) • 692 B
Markdown
### 基本用法
``` vue
<template>
<div>
<f-draggable value="primary">
<u-block size="normal" color="primary" inline>拖我</u-block>
</f-draggable>
<f-draggable value="success">
<u-block size="normal" color="success" inline>拖我</u-block>
</f-draggable>
<f-draggable value="error">
<u-block size="normal" color="error" inline>拖我</u-block>
</f-draggable>
<p></p>
<f-droppable @drop="color = $event.value">
<u-block size="normal" :color="color">放到这里</u-block>
</f-droppable>
</div>
</template>
<script>
export default {
data() {
return {
color: '',
};
},
};
</script>
```