<template>
  <div class="test">
      <Indicator :data="data">
      </Indicator>
  </div>
</template>

<script>
import components from '../../components/index'
export default {
  data(){
      return {
          data:[
              {
                  label:'指标1',
                  value:null,
                  indicators:[
                      {
                          label:'同比',
                          value:'36%',
                          direction:'up'
                      }
                  ]
              },
              {
                  label:'指标2',
                  value:'1,800',
                  indicators:[
                      {
                          label:'同比',
                          value:'200个',
                          direction:'down'
                      }
                  ]
              },
              {
                  label:'指标3',
                  value:'201,234',
                  indicators:[
                      {
                          label:'同比',
                          value:'368条',
                          direction:'up'
                      }
                  ]
              },
              {
                  label:'指标4',
                  value:'123,800',
                  indicators:[
                      {
                          label:'同比',
                          value:'21%',
                          direction:'down'
                      }
                  ]
              }
          ]
      }
  },
  components
}
</script>

<style scoped>
.test{
    width: 100%;
    height: 180px;
    position: relative;
}
</style>