25 lines
648 B
Vue
25 lines
648 B
Vue
<template>
|
|
<v-col cols="6" xs="6" sm="6" md="4" lg="3">
|
|
<v-card class="ma-2" raised @click="openDetailSheet(content)">
|
|
<v-img
|
|
:src="content.img_url"
|
|
gradient="to bottom, rgba(0,0,0,.1), rgba(0,0,0,.5)"
|
|
:aspect-ratio="16/9"
|
|
></v-img>
|
|
|
|
<v-list-item>
|
|
<v-list-item-content>
|
|
<p class="subtitle-2">{{content.title}}</p>
|
|
<div class="caption">{{content.total_addr}} {{content.create_time}}</div>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-card>
|
|
</v-col>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "Card",
|
|
props: ["content", "openDetailSheet"]
|
|
};
|
|
</script> |