DataCardtext 数据展示

TIP

1.0.2+

<avue-data-cardtext :option="option"></avue-data-cardtext>
<script>
export default {
  data(){
    return {
      option: {
        span:6,
        data: [
          {
              title:'香菜',
              color:'yellow',
              icon:'el-icon-mobile-phone',
              content:'殷其雷，天阴霾，雨零耶，盼君留。 殷其雷，纵不零，卿若留，吾将从。',
              href:"http://www.baidu.com",
              target:'_blank',
              name:'文件上传',
              date:'1天前'
          },
          {
              title:'钉宫',
              icon:'el-icon-bell',
              color:'green',
              content:'殷其雷，天阴霾，雨零耶，盼君留。 殷其雷，纵不零，卿若留，吾将从。',
              href:"http://www.baidu.com",
              name:'流加载',
              date:'1天前'
          },
          {
              title:'亚丝娜',
              icon:'el-icon-service',
              color:'#3fa1ff',
              content:'殷其雷，天阴霾，雨零耶，盼君留。 殷其雷，纵不零，卿若留，吾将从。',
              href:"http://www.baidu.com",
              name:'表单',
              date:'1天前'
          },
          {
              title:'狂三',
              icon:'el-icon-time',
              color:'red',
              content:'殷其雷，天阴霾，雨零耶，盼君留。 殷其雷，纵不零，卿若留，吾将从。',
              href:"http://www.baidu.com",
              name:'文件上传',
              date:'1天前'
          }
        ]
      },
    }
  }
}
</script>