35 lines
682 B
Vue
35 lines
682 B
Vue
<template>
|
|
<Card title="倾斜摄影">
|
|
<div class="videos">
|
|
<div class="video" v-for="i in 6" :key="i"><p>2022-08-11</p></div>
|
|
</div>
|
|
</Card>
|
|
</template>
|
|
|
|
<script>
|
|
import Card from '../components/Card.vue'
|
|
export default {
|
|
components: { Card }
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.videos {
|
|
box-sizing: border-box;
|
|
padding-top: 10px;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
.video {
|
|
width: 48%;
|
|
height: 29%;
|
|
// border: 1px solid skyblue;
|
|
background-image: url(../assets/images/common/bgc_small.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
}
|
|
}
|
|
</style>
|