DataV排名轮播表如何对接接口数据

import {  listCamera } from "@/api/video/camera"}

首先讲解假数据情况下，怎么做成排名轮播表效果

在div盒子里面只用需到此类型组件，

<dv-scroll-ranking-board :config="config" style="width:500px;height:300px" />

注意组件高度宽度不能省略，另外在数据源data里面设置config

​
config: {
      data: [
    {
      name: '周口',
      value: 55
    },
    {
      name: '南阳',
      value: 120
    },
    {
      name: '西峡',
      value: 78
    },
    {
      name: '驻马店',
      value: 66
    },
    {
      name: '新乡',
      value: 80
    },
    {
      name: '信阳',
      value: 45
    },
    {
      name: '漯河',
      value: 29
    }
  ]
}

​

就可以实现简单的排名轮播表。效果图如下：

当我们实现完效果的时候,后面需要