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.
66 lines
1.6 KiB
66 lines
1.6 KiB
6 years ago
|
<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>
|