dv-scroll-board定制元素插入el-ui

dv-scroll-board是一个基于Vue.js的滚动展示组件，可以用于展示图片、文字等内容。如果你想在dv-scroll-board中插入el-ui的定制元素，可以按照以下步骤进行操作：

1. 在你的Vue组件中引入el-ui组件库，并注册需要使用的组件。

2. 在dv-scroll-board组件中使用slot插槽，将需要插入的el-ui组件放入插槽中。

3. 在插入的el-ui组件中设置样式，以适应dv-scroll-board的展示效果。

下面是一个示例代码，演示了如何在dv-scroll-board中插入el-ui的定制元素：

<template>
  <dv-scroll-board :data="data">
    <template #default="{ item }">
      <el-card class="scroll-item">
        <el-image :src="item.imgUrl"></el-image>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="12">{{ item.title }}</el-col>
          <el-col :span="12">{{ item.date }}</el-col>
        </el-row>
      </el-card>
    </template>
    <el-button slot="control" icon="el-icon-arrow-left"></el-button>
    <el-button slot="control" icon="el-icon-arrow-right"></el-button>
  </dv-scroll-board>
</template>

<script>
import { ElCard, ElImage, ElDivider, ElRow, ElCol, ElButton } from 'element-plus';

export default {
  components: {
    ElCard,
    ElImage,
    ElDivider,
    ElRow,
    ElCol,
    ElButton,
  },
  data() {
    return {
      data: [
        {
          imgUrl: 'https://picsum.photos/200/300',
          title: 'Lorem ipsum dolor sit amet',
          date: '2021-10-01',
        },
        {
          imgUrl: 'https://picsum.photos/200/300',
          title: 'Consectetur adipiscing elit',
          date: '2021-10-02',
        },
        {
          imgUrl: 'https://picsum.photos/200/300',
          title: 'Sed do eiusmod tempor incididunt',
          date: '2021-10-03',
        },
      ],
    };
  },
};
</script>

<style>
.scroll-item {
  width: 300px;
  height: 400px;
  margin: 10px;
}
</style>

在上面的代码中，我们使用了el-card、el-image、el-divider、el-row、el-col和el-button等el-ui组件，并将它们放入了dv-scroll-board的插槽中。同时，我们还设置了样式，以适应dv-scroll-board的展示效果。