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.
|
|
|
|
<template>
|
|
|
|
|
<a-card class="task-item" type="inner">
|
|
|
|
|
{{content}}
|
|
|
|
|
</a-card>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import ACard from 'ant-design-vue/es/card/Card'
|
|
|
|
|
export default {
|
|
|
|
|
name: 'TaskItem',
|
|
|
|
|
props: ['content'],
|
|
|
|
|
components: {ACard}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
|
|
.task-item{
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
box-shadow: 0 1px 1px rgba(27,31,35,0.1);
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
color: #24292e;
|
|
|
|
|
& :hover{
|
|
|
|
|
cursor: move;
|
|
|
|
|
box-shadow: 0 1px 1px rgba(27,31,35,0.15);
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
