<template>

<div class="blog-list-container">

<div class="table-header">

<span>名称</span>

<span>创建时间</span>

</div>

<ul v-if="!isNoData" class="issue-list" ref="issueList">

<li class="issue-item" v-for="issue in issues" :key="issue.id">

<router-link tag="a" :to="{name: 'BlogDetail', params: {number: issue.number, issue: issue}}">

{{issue.title}}

</router-link>

<ul>

<li class="tag tag-small" v-for="label in issue.labels" :key="label.id" @click="setActiveLabel(label)"

:style="{ backgroundColor: '#' + label.color}">{{label.name}}

</li>

</ul>

<span class="time">

{{$moment(issue.created_at).format('YYYY-MM-DD HH:mm')}}

</span>

</li>

</ul>

<div v-if="isNoData" class="no-data">

<div></div>

<span>该分类下还没有文章哦</span>

</div>

<div class="bottom-bar">

<input type="text" class="fl query" v-model="keyword" placeholder="按文章标题或内容搜索..."

@keyup.enter="searchIssues()"/>

<pagination :totalNum="totalNum" :currentPage="currentPage" :pageSize="pageSize"

@currentPageChanged="handleCurrentPageChanged"/>

</div>

</div>

</template>

<style lang="scss" scoped>

</style>

<script>

</script>