recover border between basic-user-card using list component

This commit is contained in:
taehoon 2019-04-04 03:09:00 -04:00
parent f066ccd28b
commit ca26776b4e
6 changed files with 24 additions and 6 deletions

View file

@ -1,8 +1,10 @@
import FollowRequestCard from '../follow_request_card/follow_request_card.vue'
import List from '../list/list.vue'
const FollowRequests = {
components: {
FollowRequestCard
FollowRequestCard,
List
},
computed: {
requests () {

View file

@ -4,7 +4,11 @@
{{$t('nav.friend_requests')}}
</div>
<div class="panel-body">
<FollowRequestCard v-for="request in requests" :key="request.id" :user="request"/>
<List :items="requests">
<template slot="item" scope="p">
<FollowRequestCard :user="p.item" />
</template>
</List>
</div>
</div>
</template>

View file

@ -1,8 +1,10 @@
import FollowCard from '../follow_card/follow_card.vue'
import List from '../list/list.vue'
import userSearchApi from '../../services/new_api/user_search.js'
const userSearch = {
components: {
FollowCard
FollowCard,
List
},
props: [
'query'

View file

@ -13,7 +13,11 @@
<i class="icon-spin3 animate-spin"/>
</div>
<div v-else class="panel-body">
<FollowCard v-for="user in users" :key="user.id" :user="user"/>
<List :items="users">
<template slot="item" scope="p">
<FollowCard :user="p.item" />
</template>
</List>
</div>
</div>
</template>

View file

@ -1,9 +1,11 @@
import apiService from '../../services/api/api.service.js'
import FollowCard from '../follow_card/follow_card.vue'
import List from '../list/list.vue'
const WhoToFollow = {
components: {
FollowCard
FollowCard,
List
},
data () {
return {

View file

@ -4,7 +4,11 @@
{{$t('who_to_follow.who_to_follow')}}
</div>
<div class="panel-body">
<FollowCard v-for="user in users" :key="user.id" :user="user"/>
<List :items="users">
<template slot="item" scope="p">
<FollowCard :user="p.item" />
</template>
</List>
</div>
</div>
</template>