You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.6 KiB
65 lines
1.6 KiB
<template> |
|
<card class="card-user"> |
|
<img slot="image" src="https://ununsplash.imgix.net/photo-1431578500526-4d9613015464?fit=crop&fm=jpg&h=300&q=75&w=400" alt="..."/> |
|
<div class="author"> |
|
<a href="#"> |
|
<img class="avatar border-gray" src="static/img/faces/face-3.jpg" alt="..."/> |
|
|
|
<h4 class="title">Mike Andrew<br /> |
|
<small>michael24</small> |
|
</h4> |
|
</a> |
|
</div> |
|
<p class="description text-center"> "Lamborghini Mercy <br> |
|
Your chick she so thirsty <br> |
|
I'm in that two seat Lambo" |
|
</p> |
|
<div slot="footer" class="text-center"> |
|
<button href="#" class="btn btn-simple"><i class="fa fa-facebook-square"></i></button> |
|
<button href="#" class="btn btn-simple"><i class="fa fa-twitter"></i></button> |
|
<button href="#" class="btn btn-simple"><i class="fa fa-google-plus-square"></i></button> |
|
</div> |
|
</card> |
|
</template> |
|
<script> |
|
import Card from 'src/components/UIComponents/Cards/Card.vue' |
|
export default { |
|
components: { |
|
Card |
|
}, |
|
data () { |
|
return { |
|
details: [ |
|
{ |
|
title: '12', |
|
subTitle: 'Files' |
|
}, |
|
{ |
|
title: '2GB', |
|
subTitle: 'Used' |
|
}, |
|
{ |
|
title: '24,6$', |
|
subTitle: 'Spent' |
|
} |
|
] |
|
} |
|
}, |
|
methods: { |
|
getClasses (index) { |
|
var remainder = index % 3 |
|
if (remainder === 0) { |
|
return 'col-md-3 col-md-offset-1' |
|
} else if (remainder === 2) { |
|
return 'col-md-4' |
|
} else { |
|
return 'col-md-3' |
|
} |
|
} |
|
} |
|
} |
|
|
|
</script> |
|
<style> |
|
|
|
</style>
|
|
|