(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d210c28"],{b8ea:function(t,a,e){"use strict";e.r(a);e("a4d3"),e("e01a");var o=function(){var t=this,a=t._self._c;return a("a-list",{attrs:{size:"large",rowKey:"id",loading:t.loading,itemLayout:"vertical",dataSource:t.data},scopedSlots:t._u([{key:"renderItem",fn:function(e){return a("a-list-item",{key:e.id},[a("template",{slot:"actions"}),a("a-list-item-meta",[a("a",{attrs:{slot:"title",href:"https://vue.ant.design/"},slot:"title"},[t._v(t._s(e.title))]),a("template",{slot:"description"},[a("span",[a("a-tag",[t._v("Ant Design")]),a("a-tag",[t._v("设计语言")]),a("a-tag",[t._v("蚂蚁金服")])],1)])],2),a("article-list-content",{attrs:{description:e.description,owner:e.owner,avatar:e.avatar,href:e.href,updateAt:e.updatedAt}})],2)}}])},[t.data.length>0?a("div",{staticStyle:{"text-align":"center","margin-top":"16px"},attrs:{slot:"footer"},slot:"footer"},[a("a-button",{attrs:{loading:t.loadingMore},on:{click:t.loadMore}},[t._v("加载更多")])],1):t._e()])},i=[],n=e("2af9"),s={name:"Article",components:{ArticleListContent:n["a"]},data:function(){return{loading:!0,loadingMore:!1,data:[]}},mounted:function(){this.getList()},methods:{getList:function(){for(var t=0;t<6;t++)this.data.push({id:t,title:"色彩在界面设计中的作用",avatar:"https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png",description:"图形化用户界面，用户在看到一个界面时，是一个由背景色、矩形按钮及图标ICON 设计、卡片等设计元素构成的。在设计界面时，借助色彩可以直观的展示背景色、导航栏、状态栏和操作按钮等构成的设计元素，并让产品设计的界面的逻辑架构和信息层级得到很好的展现。",star:20,like:20,message:20,owner:"Aidex",href:"https://youdaoyun",updatedAt:"2020-07-22 23:11:33"});this.loading=!1},loadMore:function(){this.loadingMore=!0}}},r=s,l=e("2877"),d=Object(l["a"])(r,o,i,!1,null,"f86bbb3a",null);a["default"]=d.exports}}]);