{"version":3,"sources":["webpack:///./src/views/examples/list/CardList.vue?cb39","webpack:///src/views/examples/list/CardList.vue","webpack:///./src/views/examples/list/CardList.vue","webpack:///./src/views/examples/list/CardList.vue?44d0","webpack:///./src/views/examples/list/CardList.vue?a47d"],"names":["render","_vm","this","_c","_self","ref","staticClass","attrs","gutter","lg","md","sm","xs","dataSource","scopedSlots","_u","key","fn","item","index","_v","staticStyle","slot","_s","title","avatar","content","staticRenderFns","i","push","name","data","description","linkList","icon","href","extraImage","component"],"mappings":"yIAAA,W,yCCkCA,IClCA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,IAAI,UAAUC,YAAY,aAAa,CAACH,EAAG,SAAS,CAACI,MAAM,CAAC,KAAO,CAACC,OAAQ,GAAIC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAG,WAAaX,EAAIY,YAAYC,YAAYb,EAAIc,GAAG,CAAC,CAACC,IAAI,aAAaC,GAAG,SAASC,EAAMC,GAAO,OAAOhB,EAAG,cAAc,GAAG,CAAY,IAAVgB,EAAa,CAAChB,EAAG,WAAW,CAACG,YAAY,UAAUC,MAAM,CAAC,KAAO,WAAW,CAACJ,EAAG,SAAS,CAACI,MAAM,CAAC,KAAO,UAAUN,EAAImB,GAAG,+BAA+B,IAAI,CAACjB,EAAG,SAAS,CAACI,MAAM,CAAC,WAAY,IAAO,CAACJ,EAAG,cAAc,CAACA,EAAG,MAAM,CAACkB,YAAY,CAAC,gBAAgB,OAAOd,MAAM,CAAC,KAAO,SAASe,KAAK,SAAS,CAACrB,EAAImB,GAAGnB,EAAIsB,GAAGL,EAAKM,UAAUrB,EAAG,WAAW,CAACG,YAAY,cAAcC,MAAM,CAAC,KAAO,SAAS,IAAMW,EAAKO,OAAO,KAAO,SAASH,KAAK,WAAWnB,EAAG,MAAM,CAACG,YAAY,eAAeC,MAAM,CAAC,KAAO,eAAee,KAAK,eAAe,CAACrB,EAAImB,GAAGnB,EAAIsB,GAAGL,EAAKQ,aAAa,GAAGvB,EAAG,WAAW,CAACG,YAAY,mBAAmBgB,KAAK,WAAW,CAACnB,EAAG,IAAI,CAACF,EAAImB,GAAG,SAASjB,EAAG,IAAI,CAACF,EAAImB,GAAG,YAAY,KAAK,UAAU,IAEn+BO,EAAkB,GD+BtBd,EAAA,GACAe,EAAA,EAAAA,EAAA,GAAAA,IACAf,EAAAgB,KAAA,CACAL,MAAA,SACAC,OAAA,sEACAC,QAAA,sEAKA,OACAI,KAAA,WACAC,KAAA,WACA,OACAC,YAAA,kEACAC,SAAA,CACA,CAAAC,KAAA,SAAAC,KAAA,IAAAX,MAAA,QACA,CAAAU,KAAA,gBAAAC,KAAA,IAAAX,MAAA,QACA,CAAAU,KAAA,YAAAC,KAAA,IAAAX,MAAA,SAEAY,WAAA,sEACAvB,gBEtD+W,I,wBCQ3WwB,EAAY,eACd,EACArC,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAU,E","file":"js/chunk-6f611c17.c941fa40.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardList.vue?vue&type=style&index=0&id=738591f9&prod&lang=less&scoped=true\"","<template>\r\n  <div class=\"card-list\" ref=\"content\">\r\n    <a-list\r\n      :grid=\"{gutter: 24, lg: 3, md: 2, sm: 1, xs: 1}\"\r\n      :dataSource=\"dataSource\"\r\n    >\r\n      <a-list-item slot=\"renderItem\" slot-scope=\"item, index\">\r\n        <template v-if=\"index === 0\">\r\n          <a-button class=\"new-btn\" type=\"dashed\">\r\n            <a-icon type=\"plus\"/>\r\n            新增产品\r\n          </a-button>\r\n        </template>\r\n        <template v-else>\r\n          <a-card :hoverable=\"true\">\r\n            <a-card-meta>\r\n              <div style=\"margin-bottom: 3px\" slot=\"title\">{{ item.title }}</div>\r\n              <a-avatar class=\"card-avatar\" slot=\"avatar\" :src=\"item.avatar\" size=\"large\"/>\r\n              <div class=\"meta-content\" slot=\"description\">{{ item.content }}</div>\r\n            </a-card-meta>\r\n            <template class=\"ant-card-actions\" slot=\"actions\">\r\n              <a>操作一</a>\r\n              <a>操作二</a>\r\n            </template>\r\n          </a-card>\r\n        </template>\r\n      </a-list-item>\r\n    </a-list>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n  const dataSource = []\r\n  for (let i = 0; i < 12; i++) {\r\n    dataSource.push({\r\n      title: 'Alipay',\r\n      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png',\r\n      content: '在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，这些类似的组件会被抽离成一套标准规范。'\r\n    })\r\n  }\r\n\r\n\r\n  export default {\r\n    name: \"CardList\",\r\n    data () {\r\n      return {\r\n        description: '段落示意：蚂蚁金服务设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态， 提供跨越设计与开发的体验解决方案。',\r\n        linkList: [\r\n          { icon: 'rocket', href: '#', title: '快速开始' },\r\n          { icon: 'info-circle-o', href: '#', title: '产品简介' },\r\n          { icon: 'file-text', href: '#', title: '产品文档' }\r\n        ],\r\n        extraImage: 'https://gw.alipayobjects.com/zos/rmsportal/RzwpdLnhmvDJToTdfDPe.png',\r\n        dataSource\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n  .card-avatar {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 48px;\r\n  }\r\n\r\n  .ant-card-actions {\r\n    background: #f7f9fa;\r\n    li {\r\n      float: left;\r\n      text-align: center;\r\n      margin: 12px 0;\r\n      color: rgba(0, 0, 0, 0.45);\r\n      width: 50%;\r\n\r\n      &:not(:last-child) {\r\n        border-right: 1px solid #e8e8e8;\r\n      }\r\n\r\n      a {\r\n        color: rgba(0, 0, 0, .45);\r\n        line-height: 22px;\r\n        display: inline-block;\r\n        width: 100%;\r\n        &:hover {\r\n          color: #1890ff;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .new-btn {\r\n    background-color: #fff;\r\n    border-radius: 2px;\r\n    width: 100%;\r\n    height: 186px;\r\n  }\r\n\r\n  .meta-content {\r\n    position: relative;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    display: -webkit-box;\r\n    height: 64px;\r\n    -webkit-line-clamp: 3;\r\n    -webkit-box-orient: vertical;\r\n  }\r\n</style>","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"content\",staticClass:\"card-list\"},[_c('a-list',{attrs:{\"grid\":{gutter: 24, lg: 3, md: 2, sm: 1, xs: 1},\"dataSource\":_vm.dataSource},scopedSlots:_vm._u([{key:\"renderItem\",fn:function(item, index){return _c('a-list-item',{},[(index === 0)?[_c('a-button',{staticClass:\"new-btn\",attrs:{\"type\":\"dashed\"}},[_c('a-icon',{attrs:{\"type\":\"plus\"}}),_vm._v(\"\\n          新增产品\\n        \")],1)]:[_c('a-card',{attrs:{\"hoverable\":true}},[_c('a-card-meta',[_c('div',{staticStyle:{\"margin-bottom\":\"3px\"},attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(_vm._s(item.title))]),_c('a-avatar',{staticClass:\"card-avatar\",attrs:{\"slot\":\"avatar\",\"src\":item.avatar,\"size\":\"large\"},slot:\"avatar\"}),_c('div',{staticClass:\"meta-content\",attrs:{\"slot\":\"description\"},slot:\"description\"},[_vm._v(_vm._s(item.content))])],1),_c('template',{staticClass:\"ant-card-actions\",slot:\"actions\"},[_c('a',[_vm._v(\"操作一\")]),_c('a',[_vm._v(\"操作二\")])])],2)]],2)}}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardList.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardList.vue?vue&type=template&id=738591f9&scoped=true\"\nimport script from \"./CardList.vue?vue&type=script&lang=js\"\nexport * from \"./CardList.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardList.vue?vue&type=style&index=0&id=738591f9&prod&lang=less&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"738591f9\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}