import { Component, OnInit, ViewChild } from '@angular/core';
import { Propertiy } from 'src/app/interface/propertiy-interface';
import { Others } from 'src/app/interface/ohters-interface';

@Component({
  selector: 'app-list-view-demo',
  templateUrl: './list-view-demo.component.html',
  styleUrls: ['./list-view-demo.component.scss']
})
export class ListViewDemoComponent implements OnInit {
  cardData = [
    {
      "id":"1111",//id作为唯一标识
      "imgSrc":"./assets/images/avatar-1.png",
      "title":"华东地区项目的物资采购",
      "subTitle":"关于华东地区项目的物资采购订购的一些说明描述"
    },
    {
      "id":"2222",
      "imgSrc":"./assets/images/avatar-2.png",
      "title":"集团本部食材采购部",
      "subTitle":"关于集团本部食材采购部的一些说明描述"
    },
    {
      "id":"3333",
      "imgSrc":"./assets/images/avatar-3.png",
      "title":"集团运输服务票据",
      "subTitle":"关于集团运输服务票据的一些说明描述"
    },
    {
      "id":"4444",//id作为唯一标识
      "imgSrc":"./assets/images/avatar-1.png",
      "title":"华东地区项目的物资采购",
      "subTitle":"关于华东地区项目的物资采购订购的一些说明描述"
    },
    {
      "id":"5555",
      "imgSrc":"./assets/images/avatar-2.png",
      "title":"集团本部食材采购部",
      "subTitle":"关于集团本部食材采购部的一些说明描述"
    },
    {
      "id":"6666",
      "imgSrc":"./assets/images/avatar-3.png",
      "title":"集团运输服务票据",
      "subTitle":"关于集团运输服务票据的一些说明描述"
    },
    {
      "id":"77",
      "imgSrc":"./assets/images/avatar-3.png",
      "title":"集团运输服务票据",
      "subTitle":"关于集团运输服务票据的一些说明描述"
    },
    {
      "id":"88",//id作为唯一标识
      "imgSrc":"./assets/images/avatar-1.png",
      "title":"华东地区项目的物资采购",
      "subTitle":"关于华东地区项目的物资采购订购的一些说明描述"
    },
    {
      "id":"99",
      "imgSrc":"./assets/images/avatar-2.png",
      "title":"集团本部食材采购部",
      "subTitle":"关于集团本部食材采购部的一些说明描述"
    },
    {
      "id":"11",
      "imgSrc":"./assets/images/avatar-3.png",
      "title":"集团运输服务票据",
      "subTitle":"关于集团运输服务票据的一些说明描述"
    }
  ]

}